.iconfont {font-family: 'iconfont';}
@font-face {font-family: 'AvantGardeBook.otf';src: url('http://www.kld-kj.com/templates/default/AvantGardeBook.otf');}
body {min-width: 320px;}
a {color: #666;}
a:hover {text-decoration: none;}
img {max-width: 100%;}
h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;}
.clear {overflow: hidden;_zoom: 1;}
.clearfix { _zoom: 1;}
.clearfix:after {clear: both;content: '.';display: block;width: 0;height: 0;visibility: hidden;}
@font-face {font-family: 'iconfont';src: url('../fonts/iconfont.eot');/* IE9*/src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('../fonts/iconfont.svg') format('svg');/* iOS 4.1- */}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*-header-*/
.header {clear: both;}
.headertop .logo{width:20%; float:left; margin-top:25px; margin-bottom:17px;}
.headertop .logo img{ max-width:100%; max-height:80px; float:right;}
.headertop .nav_div {background: #ffff;height: 50px;width: 60%;float: left;z-index:10;}
.headertop .nav_div .nav_ul {width: 100%;margin-left: 25px;margin-top:50px;height:48px;z-index:11;}
.headertop .nav_div .nav_ul li {float: left;/* border-right: 1px solid #eeeeee;*/height: 50px;line-height:50px;width: 16%;text-align: center;position: relative;z-index:11;}
.headertop .nav_div .nav_ul li ul{ position:absolute; left:0px; top:50px; width:100%; background:#205da5; }
.headertop .nav_div .nav_ul li ul.sub-menu{ display:none;}
.headertop .nav_div .nav_ul li ul li{ width:100%; background:#205da5; position:relative; display:block; margin:0;}
.headertop .nav_div .nav_ul li ul li ul{ position:absolute; top:0;left:110px; margin:0; width:100%;border:1px solid red; z-index:1220;}
.headertop .nav_div .nav_ul li ul li a{ width:200px;}
.headertop .nav_div .nav_ul li a {height: 100%;width: 100%;color: #404040;font-size: 16px;outline: none;}
.headertop .nav_div .nav_ul li:hover {background: #205da5;}
.headertop .nav_div .nav_ul li:hover a {color: #fff;}
.headertop .nav_tel{ float:left; margin-top:50px; font-size:24px;position:relative;width:20%;}
.headertop .nav_tel span{ background:url(../images/tel.jpg) no-repeat; width:35px; height:35px; display:block; float:left; margin-right:10px;}
.headertop .nav_ver{ float:left;position:absolute; right:-20px; top:-50px; font-size:16px; padding-top:10px;}
.headertop .nav_ver a{}
/*-phone-nav-*/
.phone-nav {position: absolute;right: 1%;margin-right: 15px;display: none;color: #fff;z-index: 9;padding-top: 22px;}
.phone-nav span {color: #000;font-size: 25px;}
.sub-menus{display: none;}

.innovation{ margin-top:96px;}
.innovation .innovation-title{ clear:both; text-align:center; height:80px;}
.innovation .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.innovation .bigtitle{ display:inline-block; width:120px;}
.innovation .bigtitle span{ display:block; width:120px;}
.innovation .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.innovation .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.innovation .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.innovation-list{ width:1170px; margin:40px auto; background:url(../images/fourk.jpg) no-repeat; height: 498px;}
.innovation-list .innovation-lista{ float:left;position:relative; border-right: 3px solid #fff; width: 293px; height: 498px;}
.innovation-list .innovation-lista:last-child{border-right: 0px; width: 290px;}
.innovation-list .innovation-lista img{ width:291px; height:498px;}
.innovation-list .innovation-lista .mask{ width:100%; height:498px; position: absolute; background:#000; top:0; opacity:0.3; display:none;}
.innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
.innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:80px; color:#767676; font-size:26px; width:291px; text-align:center; letter-spacing:8px;}
.innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
.innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1.png) center no-repeat;height:35px; position:absolute; top:132px; display:block; text-align:center; width:291px;}
.innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11.png) center no-repeat;}

.multi{ margin-top:96px;}
.multi .multi-title{ clear:both; text-align:center; height:80px;}
.multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.multi .bigtitle{ display:inline-block; width:195px;}
.multi .bigtitle span{ display:block; width:195px;}
.multi .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.multi-list{ width:1170px; margin:40px auto;}
.multi-list .multi-lista{ float:left;position:relative; margin-right: 3px; margin-bottom: 3px; cursor: pointer;}
.multi-list .multi-lista:nth-child(3n){ margin-right: 0px;}
.multi-list .multi-lista img{ width:388px;}
.multi-list .multi-lista .mask{ position:absolute; background:#000; width:204px; height:120px; top:66px; left:90px; opacity:0.5; display: none; z-index: 1;}
.multi-list .multi-lista p{ font-size:24px;color:#fff; line-height:60px; height:60px; text-align:center; font-weight:bold;position: absolute;top:85px; width: 100%; z-index: 2;-webkit-text-stroke: 0.08rem rgba(0,0,0,.4);}
.multi-list .multi-lista span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px; width: 100%;z-index: 2;-webkit-text-stroke: 0.08rem rgba(0,0,0,.4);}

.hexin{ background:url(../images/value.jpg) no-repeat; width:100%; background-size:cover; height:348px; margin-top:128px;}

.caseshow{ margin-top:96px;}
.caseshow .case-title{ clear:both; text-align:center; height:80px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:1170px; margin:40px auto 20px auto;}
.caselist .case-lista{ float:left; margin-right:4px;margin-bottom:30px;}
.caselist .case-lista img{ width:286px; height:215px;}
.caselist .case-lista p{ height:50px; line-height:42px; font-size:17px; color:#000; text-align:center;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}

.company-adv{ margin-top:60px;}
.company-adv .adv-title{ clear:both; text-align:center; height:80px;}
.company-adv .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.company-adv .bigtitle{ display:inline-block; width:160px;}
.company-adv .bigtitle span{ display:block; width:160px;}
.company-adv .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.company-adv .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.company-adv .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.adv-bg{width:100%;}
.advlist{ background: url(../images/syys.png) no-repeat; width: 1061px; height: 678px; margin: 0 auto; position: relative;}
.sjx1,.sjx2,.sjx3,.ystxt1,.ystxt2,.ystxt3{ position: absolute;}
.sjx1{ left: 0px; bottom: 22px;}
.sjx2{ right: 320px; top: 64px;}
.sjx3{ right: 0px; bottom: 106px;}
.ystxt1{  top: 208px; left: 120px;}
.ystxt2{  bottom: 158px; left: 480px;}
.ystxt3{  top: 128px; right: 10px;}
.ystxt1 .btitle,.ystxt2 .btitle,.ystxt3 .btitle{ color: #333333; font-size: 25px;}
.ystxt1 .stitle,.ystxt2 .stitle,.ystxt3 .stitle{ color: #9f9f9f; font-size: 12px; text-transform: uppercase;}
.ystxt1 .ttitle,.ystxt2 .ttitle,.ystxt3 .ttitle{ color: #333333; font-size: 14px; margin-top: 10px;}

.wisdom{ margin-top:60px;}
.wisdom .wisdom-title{ clear:both; text-align:center; height:80px;}
.wisdom .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.wisdom .bigtitle{ display:inline-block; width:160px;}
.wisdom .bigtitle span{ display:block; width:160px;}
.wisdom .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.wisdom .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.wisdom .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.wisdom .wisdomlist{ width:1170px; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; margin-right:5px;}
.wisdom .wisdomlist .wisdomlista img{width: 385px; height: 338px;}
.wisdom .wisdomlist .wisdomlista a p{ height:40px; background:rgba(0,0,0,0.5); line-height:40px; position:absolute; bottom:0; font-size:22px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}

.dongtai{ margin-top:60px;}
.dongtai .dongtai-title{ clear:both; text-align:center; height:80px;}
.dongtai .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.dongtai .bigtitle{ display:inline-block; width:160px;}
.dongtai .bigtitle span{ display:block; width:160px;}
.dongtai .bigtitle span.bigfont{ font-size:34px;color:#575757;text-align:center; }
.dongtai .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.dongtai .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.dongtai-list{ width:1170px; margin:0 auto;}
.dongtai-fen{ border-bottom:1px solid #6a6c7b; height:90px; line-height:90px;}
.dongtai-fen ul{ width:270px; margin:0 auto;}
.dongtai-fen ul li{ float:left; width:135px; list-style:circle; font-size:20px;}
.dongtai-lista{ width:100%;}
.dongtai-lista .dongtai-lista-list{ float:left;}
.dongtai-lista .dongtai-lista-list ul{ width:600px;}
.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:104px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:40px; line-height:40px; font-size:22px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:20px; line-height:20px; font-size:14px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:right;}


/*内页*/
.banner-page{ width:100%; height:500px; background: url(../images/about1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-con{width:100%; height:500px; background: url(../images/contact1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-mul{width:100%; height:500px; background: url(../images/multi.jpg) no-repeat; background-size:100% 100%;}
.banner-page-case{width:100%; height:500px; background: url(../images/case.jpg) no-repeat; background-size:100% 100%;}
.banner-page-news{width:100%; height:500px; background: url(../images/newsbg.jpg) no-repeat; background-size:100% 100%;}
.banner-page .big-title,.banner-page-con .big-title,.banner-page-mul .big-title,.banner-page-case .big-title{ display: block; font-size: 60px; color: #FFFFFF; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000; animation-delay: 0.1s;}
.banner-page .cn-title,.banner-page-con .cn-title,.banner-page-mul .cn-title,.banner-page-case .cn-title{display: block; width: 100%; text-align: center; font-size: 36px; color: #0062b1; text-shadow:1px 1px 1px #000000;animation-delay: 0.3s;}
.banner-page-video{width:100%; height:700px; background: url(../images/video.jpg) no-repeat; background-size:100% 100%;}
.banner-page-video .big-title{ display: block; font-size: 65px; color: #434343; width: 100%; text-align: center; padding-top: 14%;text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title{display: block; width: 100%; text-align: center; font-size: 40px; color: #0062b1; text-shadow:1px 1px 1px #000000;}
.banner-page-news .big-title{ display: block; font-size: 55px; color: #434343; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000;}
.banner-page-news .cn-title{display: block; width: 100%; text-align: center; font-size: 30px; color: #ffffff; text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title em{ color: #fff; margin-left: 25px; font-style: normal; text-shadow: 1px 1px 0px #000000;}
.banner-page-video .cn-sort{color: #fff;text-align: center; display: block; width: 100%; font-size: 16px; margin-top: 65px;}
.t-block{ display: block;}
.about-content{ width: 100%; height: auto; margin-top: 25px;}
.main-pos{ width: 1170px; margin: 0 auto; text-align: left; color: #999999; font-size: 14px;}
.main-pos a{ color: #999; text-decoration: none;}
.main-pos a:hover{ color: #003E7E; text-decoration: underline;}

.about-content-contain{ width: 1170px; height: auto; margin: 0 auto;}
.company-name{ border-bottom: 1px solid #cccccc; width:910px; margin: 0 auto; position: relative;height: 130px; text-align: center;}
.message{width:910px; margin: 0 auto; position: relative;height: 30px; text-align: center;}
.company-name .cn{ color: #000; font-size: 28px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 35px; letter-spacing: 6px;}
.message .cn{color: #000; font-size: 20px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 6px; }
.company-name .en{ color:#edecec; font-size: 35px; width: 100%; text-align: center; position: absolute; bottom: 18px;}
.message .en{color:#edecec; font-size: 24px; width: 100%; text-align: center; position: absolute; bottom: 0px;}
.company-name .biaochi{ width: 66px; height: 3px; background: #0062b1; position: absolute; bottom: -2px; margin: auto; left:0; right: 0;}

.company-subject{ width: 690px; margin: 15px auto; color: #999; font-size: 14px; line-height: 30px; text-align: center;}
.company-pro{ width: 1170px; margin: 60px auto;}

.com-pro-r{ width: 548px;}
.com-pro-r-top{ height:72px;}
.com-pro-r-top .ent{ font-size: 14px; color: #ccc; text-transform: uppercase;}
.com-pro-r-top .cnt{ font-size: 24px; color: #333;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 300px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 35px; line-height:29px; font-size: 15px; color: #666;}

.company-other{ width: 1170px; height: 470px; margin: 0 auto; background: #f5f5f5;}
.company-other ul{ margin:0; padding-top: 53px;}
.company-other ul li{ float: left;}
.company-other ul li.one{ width: 364px; height: 182px;}
.company-other ul li.two{width: 442px; height: 183px;}
.company-other ul li.three{width: 442px;height: 182px; background: #fff;}
.pinpai{ position: relative; text-align: center;}
.ppys{text-transform: uppercase; color:#333333; font-size: 24px; position: absolute; top: 42px; left: 0px; right: 0; z-index: 2; letter-spacing: 6px;}
.enpp{text-transform: uppercase; color: #ececec; font-size: 32px; position: absolute; top: 50px; left: 0px; right: 0; z-index: 1;}
.ppcon{ width: 350px; position: absolute; bottom: 0; left: 10%; right: 0; top: 100px; height: 68px; color: #666666; font-size: 14px; line-height: 30px;}
.company-other ul li.four{width: 364px;height: 183px; background: #fff;}
.lilian{ padding-left:30px; padding-top: 30px;padding-right:30px;}
.llcn{text-transform: uppercase; color:#333333; font-size: 18px; height: 36px;}
.llen{text-transform: uppercase; color: #cdcccc; font-size: 12px; height: 24px;}
.llcon{ line-height: 24px; font-size: 14px; color: #666666;}


.shuzishow{ width: 1170px; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 25%; border-right: 1px solid #ccc; height: 87px; line-height: 87px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 40%; margin-left: 10%; font-size: 18px; color: #333;}
.number em{ font-size: 36px; color: #0062b1; padding-right: 10px; font-style: normal;}
.num-text{ font-size: 16px; color: #666666;}

.zhengshu{width: 1170px; margin: 40px auto 80px auto; height: 87px;}
.zs-list{ width: 33.33333%; float: left;border-right: 1px solid #ccc; height: 87px; text-align:center;}
.zs-list:last-child{border-right: none;}
.zs-list span{ height: 80px; font-size: 18px; color: #666;}

.main-sort-section{ border-bottom: 1px solid #ccc; height: 118px; width: 100%;}
.main-sort{ width: 1170px; margin: 0 auto; }
.ms-list{float: left; width: 20%; border-right: 1px solid #ccc; height: 66px; margin-top: 29px; text-align: center;}
.ms-list:last-child{border-right: none;}
.ms-list .ms-cn{font-size: 22px;margin-top: 5px; color: #333;}
.ms-list .ms-en{font-size: 12px; margin-top: 5px; color: #666;}
.ms-list a .ms-cn{ color: #333;}
.ms-list a:hover .ms-cn{ color: #0062b1;}
.ms-list a .ms-en{color: #666;}
.ms-list a.current .ms-en,.ms-list a.current .ms-cn,.ms-list a:hover .ms-en{ color: #0062b1;}

.ul-sub{width: 1170px; margin: 26px auto;display: flex;}
.ul-sub li{ line-height: 39px;}
.ul-sub li a{ width: 115px; border: 1px solid #0062b1; border-radius: 20px; display: block; text-align: center; color: #0062b1;}
.ul-sub li a:hover,.ul-sub li a.current{ color: #fff; background: #0062b1;}

.ul-sub {
	list-style:none;
	overflow:hidden;
	margin: 0 auto;
	display: flex;
}

.ul-sub li {
	display: inline-block;
	flex:1;
	width: 180px;
	cursor:pointer;
}
.ul-sub .cur a{
	background-color: #0062b1;
	color: #ffffff;
}
.al-list {
	position: relative;
	width: 1280px;
}
.al-list-disno{
	display:none;
	padding-bottom: 100px;
}
.about-content .on{display:block;}

.list-con{ width: 1170px; margin: 0 auto; margin-top: 20px;}
.list-con-list{width: 1170px;}
.list-con-list li{width: 370px; height: 350px; position: relative; overflow: hidden; margin-right: 29px; margin-bottom: 29px; float: left;}
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 370px; height: 264px;}
.list-con-list li .lcl-text{ height: 172px; background: #f5f5f5; position: absolute; left: 0; bottom: -86px;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 86px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 18px; color: #333; width: 260px; line-height: 86px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 86px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.service-list-con{ width: 1170px; margin: 0 auto; margin-top: 20px;}
.service-list-con-list{width: 1170px;}
.service-list-con-list li{width: 50%; height: 350px; position: relative; overflow: hidden; margin-bottom: 29px; float: left;}
/* .service-list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;} */
.service-list-con-list li:nth-child(3n){ margin-right: 0px;}
.service-list-con-list li .lcl-pic{ width: 526px;height: 296px;margin: 0 auto;}
.service-list-con-list li .lcl-text{ height: 172px; background: #e5e5e5; position: absolute; left: 0; bottom: -86px;} 
.service-list-con-list li .lcl-text .lcl-text-top{ height: 86px; display: flex;}
.service-list-con-list li .lcl-text .lcl-text-top h2{ font-size: 20px;font-weight: bold; color: #333; width: 260px; line-height: 86px;padding-left: 32px;}
.service-list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.pagenation{ width: 1170px; text-align: center; margin: 0 auto; margin-bottom: 80px; clear: both; height: 37px; margin-top: 17px;}
.pagenation p{ text-align: center; display: inline-block;}
.pagenation a{ display: block; float:left; width:35px ; height: 35px; border: 1px solid #0062b1; border-radius: 50%; line-height: 35px; color: #333333; font-size: 18px; margin-right: 16px;}
.pagenation a:hover,.pagenation a.pcur{ background: #0062b1; color: #fff;}
.pagenation a.pnext{ background: #7d7d7d; color: #fff; border:1px solid #7d7d7d;}
.pagenation a.pnext:hover{background: #0062b1; color: #fff; border:1px solid #0062b1;}
.pagenation a.next,.pagenation a.nextdis{background:url(../images/next.png) no-repeat;border:none;}
.pagenation a.prev,.pagenation a.prevdis{background:url(../images/prev.png) no-repeat;border:none;}
.pagenation a.prev:hover{background:url(../images/prevh.png) no-repeat;border:none;}
.pagenation a.next:hover{background:url(../images/nexth.png) no-repeat;border:none;}


.multi-show{ width: 1170px; margin: 40px auto;}
.mus-top{ border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.mus-top h2{ text-align: center; color: #333; font-size: 30px; line-height: 60px;}
#gallery{ width: 1170px; height:730px;}
#gallery_nav{ width:1170px;height: 600px;}
#gallery_nav img{ height: 600px; width:100%;}
#gallery_output{ width:1170px; height: 110px;margin: 20px auto;}
#gallery_output img{ width:216px; height:106px;}
#gallery_output a{ display:block; height:110px; width:220px; margin-right: 10px; float: left;}
.zz{border:2px solid #0062b1;}
.mus-piclist{ display: flex; margin-top:20px;margin-bottom:20px;}
.mus-piclist li{ width: 200px; height: 110px; margin-right: 10px;border: 2px solid #ccc;}
.mus-piclist li img{width: 196px; height: 106px;}
.mus-piclist li:hover{ border: 2px solid #0062b1; width: 200px; height: 110px;}
.mus-piclist li:hover img{ width: 196px; height: 106px;}
.mus-context{ line-height: 26px; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-left:25px ;padding-right:25px ; text-indent: 28px; font-size: 14px; color: #999; padding-top: 20px; width:100%;word-wrap:break-word;}
.mus-prev{ height: 60px; line-height: 60px; clear: both;}
.mus-prev .prev{ float: left; width: 50%; color: #666; font-size: 14px;}
.mus-prev .prev:last-child{ text-align: right;}

/*yun*/
.yun-con{}
.yun-con .demonstrate{background: #f6f6f6;overflow: hidden;}
.yun-con .demonstrate h2{margin: 0 auto;text-align: center;margin-top: 50px;font-weight: bold;font-size: 36px;}
.yun-con .demonstrate span{display: block;margin: 0 auto;text-align: center;font-size: 24px;font-weight: bold;color: #666666;margin-top: 20px;}
.yun-con .demonstrate iframe{width:1170px;height:658px;display: block;margin: 0 auto;margin-top: 10px;margin-bottom: 50px;border: #8ebfdd 2px solid;}
.yun-con .yun-con2{background: #f6f6f6;overflow: hidden;}
.yun-con .yun-con2 h2{margin: 0 auto;margin-bottom: 20px;text-align: center;margin-top: 50px;font-weight: bold;font-size: 36px;}
.yun-con .yun-con2 .more{display: block;margin: 0 auto;text-align: center;font-size: 18px;color: #49a5dd; font-weight: bold;}
.yun-con .yun-con2 .yuncase{width:1170px;margin: 0 auto;margin-top: 10px;}
.yun-con .yun-con2 .yuncase .yuncase_box{width: 390px;float: left;margin-bottom: 20px;}
.yun-con .yun-con2 .yuncase .yuncase_box a{display: block;width: 85%;margin: 0 auto;}
.yun-con .yun-con2 .yuncase .yuncase_box .image-container{width: 100%;height: 220px;}
.yun-con .yun-con2 .yuncase .yuncase_box img{width: 100%;height: 100%;border-radius: 15px;}
.yun-con .yun-con2 .yuncase .yuncase_box span{text-align: center;font-size: 19px;display: block;}
.yun-con .yun-con1{overflow: hidden;padding-bottom: 60px;}
.yun-con .yun-con1 h2{margin: 0 auto;text-align: center;margin-top: 50px;font-weight: bold;font-size: 36px;}
.yun-con .yun-con1 .jiejue{width: 1170px;margin: 0 auto;margin-top: 20px;}
.yun-con .yun-con1 .jiejue .jiejue_box{width: 289px;display: inline-block;}
.yun-con .yun-con1 .jiejue .jiejue_box span{text-align: center;display: block;font-size: 22px;font-weight: bold;color: #666666;}
.yun-con .yun-con1 .jiejue .jiejue_box img{width: 250px;margin: 0 auto;display: block;border: #8ebfdd 8px solid;}
.yun-con .yun-con2 .yun-gif{float: right;border: #8ebfdd 8px solid;}
.yun-con .yun-con3 .yun-gif{float: left;border: #8ebfdd 8px solid;}
.yun-con .yun-con2 .yun-txt{float: left;}
.yun-con .yun-con3 .yun-txt{float: right;}
.yun-con .yun-txt{text-align:center;margin-top: 80px;}
.yun-con .yun-txt h2{font-weight: bold;font-size: 45px;color:#0162b3;}
.yun-con .yun-txt span{display: block;margin-top: 20px;font-size: 16px;}
.yun-con .yun-con-box{width: 1100px;margin: 0 auto;overflow: hidden;display: block;margin-top: 20px;margin-bottom: 20px;}

/*yuncase*/
.yun-caselist{margin: 0 auto;overflow: hidden;}
.yun-caselist h2{margin: 0 auto;margin-bottom: 20px;text-align: center;margin-top: 50px;font-weight: bold;font-size: 36px;}
.yun-caselist .yuncase{width:1170px;margin: 0 auto;margin-top: 10px;}
.yun-caselist .yuncase .yuncase_box{width: 390px;float: left;margin-bottom: 20px;}
.yun-caselist .yuncase .yuncase_box a{display: block;width: 85%;margin: 0 auto;}
.yun-caselist .yuncase .yuncase_box .image-container{width: 100%;height: 220px;}
.yun-caselist .yuncase .yuncase_box img{width: 100%;height: 100%;border-radius: 15px;}
.yun-caselist .yuncase .yuncase_box span{text-align: center;font-size: 19px;display: block;}

/*video*/
.video-fw{ width: 100%; background:url(../images/shexianbg.jpg); height: 638px; }
.fengwo{ width: 1025px; background: url(../images/fengwo.png); height: 458px; margin:0px auto; position: relative;}
.lx1{ width:255px; height: 220px; position: absolute;left: 20px; top: 201px;}
.lx2{ width:254px; height: 220px; position: absolute;left: 259px; top: 55px;}
.lx3{ width:255px; height: 220px; position: absolute;right: 259px; top: 179px;}
.lx4{ width:254px; height: 220px; position: absolute;right: 12px; top: 55px;}
.lxtxt1,.lxtxt2,.lxtxt3,.lxtxt4{ text-align: center; position: absolute;}
.lxtxt1{left: 130px; top: 55px;}
.lxtxt2{right: 333px; top: 55px;}
.lxtxt3{left: 321px; bottom: 55px;}
.lxtxt4{right: 59px; bottom: 52px;}
.lxtxt1 .cn-title,.lxtxt2 .cn-title,.lxtxt3 .cn-title,.lxtxt4 .cn-title{ font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 5px;}
.lxtxt1 .en-title,.lxtxt2 .en-title,.lxtxt3 .en-title,.lxtxt4 .en-title{ font-size: 12px; color: #666666; font-weight: bold;}
.v-xm{ height: 129px; width: 100%; text-align: center; clear: both; padding-top: 50px;}
.v-xm .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-xm .v-xm-t{ width:96px; display: inline-block;}
.v-xm .v-xm-t .cn-title{ font-size: 24px; color: #333;}
.v-xm .v-xm-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-xm .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-al{ height: 129px; width: 100%; text-align: center; clear: both; padding-top: 50px;}
.v-al .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-al .v-al-t{ width:140px; display: inline-block;}
.v-al .v-al-t .cn-title{ font-size: 24px; color: #333;}
.v-al .v-al-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-al .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}

.al-list{ width: 1170px; margin:0px auto;}
.al-list ul{ margin: 30px 0; min-height: 460px;}
.al-list ul li{ float: left; margin-right: 10px; margin-bottom: 10px; width: 383px; height: 218px;overflow: hidden;}
.al-list ul li:nth-child(3n){margin-right: 0px;}
.al-list ul li .videolist{ position: relative;}
.al-list ul li .videolist a>img{width: 100%;height: 100%;}
.al-list ul li .videolist .playico{ position: absolute; top:0; width: 100%; height:100%; display: block;}
.al-list ul li .videolist .playico .icons{background: url(../images/play.png) no-repeat;width:59px;height:59px; margin:0 auto;margin-top:64px;}
.al-list ul li .videolist .playico .icontitle{margin: 0 auto;width: 200px;height:36px; line-height: 36px; background: rgba(0,0,0,0.4); text-align: center; color:#fff;margin-top:7px; font-size: 16px;}
.al-list ul li .videolist .playline{ position: absolute; top:0; width: 100%; height:100%; display: none;}
.al-list ul li .videolist .playline .hovername{ border-bottom: 1px solid #fff; width:260px; height: 58px; line-height: 58px; text-align: center;  font-size: 24px; color:#fff; margin-top:100px; margin-left:60px; position: relative;}
.al-list ul li .videolist .playline .hovername em{ display: block; width:48px; height:3px; background: #2571b0; position: absolute; bottom: -2px; left:40.8%;}
.al-list ul li .videolist .playline .hoveren{ font-size: 16px; color:#fff; text-align: center; margin-top: 14px;}



.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:720px; height:405px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.video_gb{position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,.4);left: 0;top: 0;z-index: -1;}


.no-mean{ background: url(../images/bbbb1.jpg) no-repeat; width: 100%; height: 316px; background-size:100% 100%;}

.alnews-sort{ width: 1170px; margin: 0 auto; height:50px; line-height:50px;}
.alnews-sort ul{ width: 220px; margin: 0 auto; clear: both; height: 40px; }
.alnews-sort ul li{ float: left; list-style-type: disc; width: 100px; height: 40px;line-height:40px;}
.alnews-sort ul li.activ a{ color: #0062b1; font-weight:bold;}
.alnews-sort ul li a{ font-size: 18px;}
.tabcon div.alnewspart,.tabcon div.dongtai-lista{ display: none;}

.tabcon div.on{ display: block;}
.alnewspart{ width: 1170px; margin: 40px auto 60px auto; height:294px;}
.parta,.partb,.partc{ width: 236px; float: left; border: 1px solid #ccc; box-shadow: 2px 1px 2px #ccc; height: 294px; margin-right: 20px; overflow: hidden; cursor: pointer;}
.parta img{ width: 236px; height:156px;}
.parta .atitle,.partb .atitle,.partc .atitle{ width:190px; margin: 0 auto; padding-top: 5px;}
.parta .atitle h2,.partb .atitle h2,.partc .atitle h2{ font-size: 15px; color: #333; height: 40px; line-height:40px;}
.parta .atitle p,.partb .atitle p,.partc .atitle p{ line-height: 26px; font-size: 12px; color: #666;}
.s-date{ height: 46px; line-height: 46px; text-align: right; margin-bottom: 16px; color: #666;}
.s-date span{ font-size: 36px; color: #333;}
.partd{ width: 370px; float: left;}
.partd ul{ margin-left: 25px;}
.partd ul li{ background: url(../images/list1.png) no-repeat left center; padding-left: 20px; border-bottom: 1px dashed #ccc; line-height: 45px;}
.partd ul li span{ float: right;}

.newslist{ width:1096px; margin: 40px auto;}
.nl-ul{}
.nl-ul li{ border-bottom:1px solid #ccc; margin-bottom: 80px;}
.nl-con{ height: 256px; width: 100%;}
.nl-con .nlpic{ width:450px; margin-right: 55px;height:256px;}
.nl-con .nltext{ width:590px ;}
.nl-con .nltext h2{ font-size: 20px; color: #666; font-weight: 500; line-height: 30px; margin-top: 20px; margin-bottom: 10px;}
.nl-con .nltext span{ color: #666; font-size: 12px;}
.nl-con .nltext p{ color: #666;font-size: 14px; line-height: 22px; padding-top: 15px; padding-right: 35px;}
/*contact*/
.baidumap{ width: 1170px; height: auto; margin: 40px auto;}
.contact-text{ width: 1170px; margin: 0 auto; font-size: 18px; text-align: center; color: #494949; line-height: 36px; font-weight: bold; padding: 30px 0;}
.contact-con{ width: 1170px; height:100px; margin: 0 auto;}
.cc-list{ width: 32%; float: left; border-left:1px solid #7c7c7c;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; height: 98px;}
.cc-list:nth-child(3){border-right:1px solid #7c7c7c;}
.cc-list span{ width: 47px; height: 47px;margin-top: 25px; margin-left: 30px;}
.address{ background:url(../images/pos.jpg) no-repeat; }
.telp{ background:url(../images/tels.jpg) no-repeat; }
.email{ background:url(../images/email.jpg) no-repeat; }
.cc-text{margin-top: 25px; margin-left: 23px;}
.cc-text h2{ font-size: 18px; color: #333; margin-bottom: 5px;}
.cc-text p{ font-size: 14px; color: #666;}

.messageform{ margin: 30px auto; width: 1110px;}
.messageform li.first{ width:282px; margin-right:132px; float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.firsts{width:282px;float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.second{ height: 115px; border-bottom: 1px solid #ccc; font-size: 16px; padding-left: 10px; margin-top: 20px; vertical-align: top; line-height: 30px;}
.messageform li.second span{ display: block; float: left;}
.messageform .submit{ display: block; width: 146px; margin: 30px auto; height: 42px; line-height:42px; background: #0062b1; color: #fff; text-align:  center; border-radius: 20px; cursor: pointer;}
.input{ border: none;}
.textarea{ border: none; width: 950px; height:100px; display: block; float: left;}

.friendlink{ background:#f5f5f5; width:100%; margin-top:40px;}
.fl-list{ width:1170px; margin:0px auto; padding:40px 0;}
.fl-list-title{ border-bottom:1px solid #6a6c7b; color:#333; font-size:24px;}
.fl-list-ul{ margin-top:10px;}
.fl-list-ul ul{ margin-left:30px;}
.fl-list-ul ul li{ float:left; margin-right:12px; line-height:38px;}
.fl-list-ul ul li a{ font-size:15px; color:#666; font-weight: 400;}

.contactway{ width:100%; background:url(../images/footdi.png) no-repeat; height:100px; background-size: 100% 100%;}
.cw-hot{ width:1170px; text-align:right; margin:0 auto; height:50px; line-height:50px; font-size:25px; color:#333; padding-top: 20px;}
.cw-way-add{ height: 80px; width: 100%;}
.cw-way{ width:1170px; margin:0px auto 30px auto; padding-bottom:20px;}
.cw-way-list{ float:left;font-size:15px; color:#333; width:214px;font-weight: bold;}
.cw-way-list span{ display:block; float:left;  height:40px;}
.cw-way-lista{ float:left;  font-size:15px; color:#333; width:234px; font-weight: bold;margin-left: 15px;}
.cw-way-listb{ float:left;  font-size:15px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 15px;}
.cw-way-listb span{ display:block; float:left; width:px; height:40px;}
.cw-way-listc{ float:left; font-size:15px; color:#333; width:344px;font-weight: bold; margin-left: 15px;}

footer{ border-top:1px solid #6a6c7b; height:70px;}
footer div{ width:1170px; text-align:center; margin:0 auto; font-size:16px; color:#333; padding-top:22px;}

@media (max-width: 980px) {
.headertop .nav_div{ display:none;}
.headertop .nav_tel{ display:none;}

.sub-menus{position: absolute; width:300px ; top:20px;left:90px; display: block;}
.sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
.sub-menus li a{ color: #000; }
.sub-menus li a span{ margin-right: 5px;}
.innovation{ margin-top:32px; width:100%;}
.innovation .innovation-title{ clear:both; text-align:center; height:80px;}
.innovation .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:20px; position:relative; top:-20px;}
.innovation .bigtitle{ display:inline-block; width:120px;}
.innovation .bigtitle span{ display:block; width:120px;}
.innovation .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.innovation .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.innovation .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;} 
.innovation-list{ width:375px;margin:0 auto; background: url(../images/fourk@1x.jpg) no-repeat; height: 281px;}
.innovation-list .innovation-lista{position:relative;border-right: 0px; width: 375px; height: 70px; border-bottom: 1px solid #fff;}
.innovation-list .innovation-lista:last-child{ border-bottom: none;}
.innovation-list .innovation-lista .mask{ width:375px; height:70px;  background:#000; top:0px; left:0px; opacity:0.3;display:none;}
.innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
.innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:20px; color:#767676; font-size:20px; width:374px; text-align:left; letter-spacing:4px; }
.innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
.innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1.png) center right no-repeat;height:35px; position:absolute; top:20px; display:block; text-align:right; width:374px; }
.innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11.png) center right no-repeat;}

.multi{ margin-top:32px;}
.multi .multi-title{ clear:both; text-align:center; height:80px;}
.multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.multi .bigtitle{ display:inline-block; width:195px;}
.multi .bigtitle span{ display:block; width:195px;}
.multi .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.multi-list{ width:100%; margin:0px auto;}
.multi-list .multi-lista{ float:left;position:relative; padding-left:15px; margin-bottom:5px;}
.multi-list .multi-lista img{ width:345px; height:224px;}
.multi-list .multi-lista .mask{ position:absolute; background:#000; width:224px; height:128px; top:45px; left:96px; opacity:0.5;}
.multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}
.multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}

.hexin{ background:url(../images/value.jpg) no-repeat; width:100%; background-size:100%; height:140px; margin-top:22px;}


.caseshow{ margin-top:32px;}
.caseshow .case-title{ clear:both; text-align:center; height:60px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:100%;}
.caselist .case-lista{ float:left; margin-right:8px;margin-bottom:30px; padding-left:15px;}
.caselist .case-lista img{ width:345px; height:344px;}
.caselist .case-lista p{ height:66px; line-height:66px; font-size:16px; color:#000; text-align:center;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}

.company-adv{ margin-top:20px; display: none;}
.company-adv .adv-title{ clear:both; text-align:center; height:80px;}
.company-adv .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.company-adv .bigtitle{ display:inline-block; width:160px;}
.company-adv .bigtitle span{ display:block; width:160px;}
.company-adv .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.company-adv .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.company-adv .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.adv-bg{ background:url(../images/advbg.jpg) no-repeat; background-size:contain; height:304px; width:100%; display: none;}
.advlist{}

.wisdom{ margin-top:20px;}
.wisdom .wisdom-title{ clear:both; text-align:center; height:60px;}
.wisdom .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.wisdom .bigtitle{ display:inline-block; width:160px;}
.wisdom .bigtitle span{ display:block; width:160px;}
.wisdom .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.wisdom .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.wisdom .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; padding-left:20px; margin-bottom:10px;}
.wisdom .wisdomlist .wisdomlista img{ width:345px; height:329px;}
.wisdom .wisdomlist .wisdomlista a p{ height:52px; background:rgba(0,0,0,0.5); line-height:52px; position:absolute; bottom:0; font-size:30px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}

.dongtai{ margin-top:20px;}
.dongtai .dongtai-title{ clear:both; text-align:center; height:80px;}
.dongtai .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.dongtai .bigtitle{ display:inline-block; width:160px;}
.dongtai .bigtitle span{ display:block; width:160px;}
.dongtai .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.dongtai .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.dongtai .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.dongtai-list{ width:100%; margin:0 auto;}
.dongtai-fen{ border-bottom:1px solid #6a6c7b; height:50px; line-height:50px;}
.dongtai-fen ul{ width:270px; margin:0 auto;}
.dongtai-fen ul li{ float:left; width:135px; list-style:circle; font-size:20px;}
.dongtai-lista{ width:100%;}
.dongtai-lista .dongtai-lista-list{ float:left;}
.dongtai-lista .dongtai-lista-list ul{ width:364px; padding-left:15px;}
.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px; overflow:hidden;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:64px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:30px; line-height:30px; font-size:18px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:30px; line-height:30px; font-size:12px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:left; padding-left:15px; width:364px; padding-top:10px; margin-bottom:10px;}

.friendlink{}

.contactway{ width:100%; background:url(../images/footdi.png) no-repeat; height:80px; background-size:cover;}
.cw-hot{ width:100%;text-align:right; margin:0 auto; height:30px; line-height:30px; font-size:14px; color:#333; padding-right:20px;}
.cw-way{ width:100%; margin:10px auto 10px auto; padding-left:20px;}
.cw-way-list{ float:left; font-size:16px; color:#333; width:345px;}
.cw-way-list span{ display:block; float:left; width:px; height:40px;}
.cw-way-lista{ float:left;  font-size:16px; color:#333; width:345px;}
.cw-way-listb{ float:left; font-size:16px; color:#333; width:345px; padding-right:20px;}
.cw-way-listb span{ display:block; float:left; width:px; height:40px;}
.cw-way-listc{ float:left;  font-size:16px; color:#333; width:345px;}

.banner-page{ width:100%; height:200px; background: url(../images/about1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-con{width:100%; height:200px; background: url(../images/contact1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-mul{width:100%; height:200px; background: url(../images/multi.jpg) no-repeat; background-size:100% 100%;}
.banner-page-case{width:100%; height:200px; background: url(../images/case.jpg) no-repeat; background-size:100% 100%;}
.banner-page-news{width:100%; height:500px; background: url(../images/newsbg.jpg) no-repeat; background-size:100% 100%;}
.banner-page .big-title,.banner-page-con .big-title,.banner-page-mul .big-title,.banner-page-case .big-title{ display: block; font-size: 30px; color: #FFFFFF; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000; animation-delay: 0.1s;}
.banner-page .cn-title,.banner-page-con .cn-title,.banner-page-mul .cn-title,.banner-page-case .cn-title{display: block; width: 100%; text-align: center; font-size: 18px; color: #0062b1; text-shadow:1px 1px 1px #000000;animation-delay: 0.3s;}
.banner-page-video{width:100%; height:200px; background: url(../images/video.jpg) no-repeat; background-size:100% 100%;}
.banner-page-video .big-title{ display: block; font-size: 35px; color: #434343; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title{display: block; width: 100%; text-align: center; font-size: 22px; color: #0062b1; text-shadow:1px 1px 1px #000000;}
.banner-page-news .big-title{ display: block; font-size: 55px; color: #434343; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000;}
.banner-page-news .cn-title{display: block; width: 100%; text-align: center; font-size: 30px; color: #ffffff; text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title em{ color: #fff; margin-left: 25px; font-style: normal; text-shadow: 1px 1px 0px #000000;}
.banner-page-video .cn-sort{color: #fff;text-align: center; display: block; width: 100%; font-size: 14px; margin-top: 25px;}

.about-content{ width: 100%; height: auto; margin-top: 25px;}
.main-pos{ width: 980px; margin: 0 auto; text-align: left; color: #999999; font-size: 14px;}
.main-pos a{ color: #999; text-decoration: none;}
.main-pos a:hover{ color: #003E7E; text-decoration: underline;}

.about-content-contain{ width: 100%; height: auto; margin: 0 auto;}
.company-name{ border-bottom: 1px solid #cccccc; width:50%; margin: 0 auto; position: relative;height: 40px; text-align: center;}
.message{width:100%; margin: 0 auto; position: relative;height: 30px; text-align: center;}
.company-name .cn{ color: #000; font-size: 14px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 5px; letter-spacing: 0px;}
.message .cn{color: #000; font-size: 12px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 6px; }
.company-name .en{ display: none;}
.message .en{color:#edecec; font-size: 24px; width: 100%; text-align: center; position: absolute; bottom: 0px;}
.company-name .biaochi{ width: 33px; height: 3px; background: #0062b1; position: absolute; bottom: -2px; margin: auto; left:0; right: 0;}

.company-subject{ width: 100%; margin: 15px auto; color: #999; font-size: 12px; line-height: 22px; text-align: center;}
.company-pro{ width: 100%; margin: 30px auto;}
.company-pro img{ width: 100%;}

.com-pro-r{ width: 100%;}
.com-pro-r-top{ height:42px;}
.com-pro-r-top .ent{ font-size: 14px; color: #ccc; text-transform: uppercase;}
.com-pro-r-top .cnt{ font-size: 18px; color: #333;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 300px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 35px; line-height:24px; font-size: 13px; color: #666;}

.company-other{ width: 100%; height: auto; margin: 0 auto; background: #f5f5f5;}
.company-other ul{ margin:0; padding-top: 53px;}
.company-other ul li{ float: left;}
.company-other ul li.one{ width: 364px; height: 182px;}
.company-other ul li.two{width: 100%; height: 183px;}

.company-other ul li.three{width: 100%;height: 182px; background: #fff;}
.pinpai{ position: relative; text-align: center;}
.ppys{text-transform: uppercase; color:#333333; font-size: 24px; position: absolute; top: 42px; left: 0px; right: 0; z-index: 2; letter-spacing: 6px;}
.enpp{text-transform: uppercase; color: #ececec; font-size: 22px; position: absolute; top: 50px; left: 0px; right: 0; z-index: 1;}
.ppcon{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 100px; height: 68px; color: #666666; font-size: 14px; line-height: 30px;}
.company-other ul li.four{width: 364px;height: 183px; background: #fff;}
.lilian{ padding-left:30px; padding-top: 30px;padding-right:30px;}
.llcn{text-transform: uppercase; color:#333333; font-size: 18px; height: 36px;}
.llen{text-transform: uppercase; color: #cdcccc; font-size: 12px; height: 24px;}
.llcon{ line-height: 24px; font-size: 14px; color: #666666;}


.shuzishow{ width: 100%; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 50%; border-right: 1px solid #ccc; height: 87px; line-height: 87px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 40%; margin-left: 10%; font-size: 14px; color: #333;}
.number em{ font-size: 22px; color: #0062b1; padding-right: 10px; font-style: normal;}
.num-text{ font-size: 12px; color: #666666;}

.zhengshu{width: 100%; margin: 20px auto 40px auto; height: 87px;}
.zs-list{ width: 50%; float: left;border-right: 1px solid #ccc; height: 87px; text-align:center; margin-bottom: 10px;}
.zs-list:last-child{border-right: none;}
.zs-list span{ height: 60px; font-size: 14px; color: #666;}

.main-sort-section{height: 68px;}
.main-sort{ width: 100%; margin: 0 auto;}
.ms-list{ height: 42px; margin-top: 13px;}
.ms-list:last-child{border-right: none;}
.ms-list .ms-cn{font-size: 14px;margin-top: 5px; color: #333;}
.ms-list .ms-en{font-size: 6px; margin-top: 2px; color: #666;}
.ms-list a .ms-cn{ color: #333;}
.ms-list a:hover .ms-cn{ color: #0062b1;}
.ms-list a .ms-en{color: #666;}
.ms-list a.current .ms-en,.ms-list a.current .ms-cn,.ms-list a:hover .ms-en{ color: #0062b1;}

.ul-sub{width: 100%; margin: 16px auto; display: block; clear: both; height: 60px;}
.ul-sub li{  width: 30%; height: 26px; line-height: 24px; margin-right: 2%; float: left; margin-bottom: 2%;}
.ul-sub li a{ width: 100%; border: 1px solid #0062b1; border-radius: 10px; display: block; text-align: center; color: #0062b1;}
.ul-sub li a:hover{ color: #fff; background: #0062b1;}

.list-con{ width: 100%; margin: 0 auto;}
.list-con-list{width: 100%;}
.list-con-list li{width: 370px; height: 350px; position: relative; overflow: hidden; margin-right: 29px; margin-bottom: 29px; float: left; margin-left:2px;}
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 370px; height: 264px;}
.list-con-list li .lcl-text{ height: 172px; background: #f5f5f5; position: absolute; left: 0; bottom: 0px;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 86px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 18px; color: #333; width: 260px; line-height: 86px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 86px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.pagenation{ width: 100%; text-align: center; margin: 0 auto; margin-bottom: 40px; clear: both; height: 37px; margin-top: 17px;}
.pagenation p{ text-align: center; display: inline-block;}
.pagenation a{ display: block; float:left; width:35px ; height: 35px; border: 1px solid #0062b1; border-radius: 50%; line-height: 35px; color: #333333; font-size: 18px; margin-right: 16px;}
.pagenation a:hover,.pagenation a.pcur{ background: #0062b1; color: #fff;}
.pagenation a.pnext{ background: #7d7d7d; color: #fff; border:1px solid #7d7d7d;}
.pagenation a.pnext:hover{background: #0062b1; color: #fff; border:1px solid #0062b1;}

.multi-show{ width: 100%; margin: 20px auto;}
.mus-top{ border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.mus-top h2{ text-align: center; color: #333; font-size: 20px; line-height: 40px;}
#gallery{ width: 100%; height:260px;}
#gallery_nav{ width:100%;height: 190px;}
#gallery_nav img{ height: 190px; width:100%;}
#gallery_output{ width:100%; height: 110px;margin: 20px auto;}
#gallery_output img{ width:120px; height:55px;}
#gallery_output a{ display:block; height:59px; width:120px; margin-right: 5px; float: left;}
.mus-bigpic{ width: 100%; height: auto;}
.mus-piclist{ display: flex; margin-top:20px;margin-bottom:20px;}
.mus-piclist li{ width: 200px; height: 110px; margin-right: 10px;border: 2px solid #ccc;}
.mus-piclist li img{width: 196px; height: 106px;}
.mus-piclist li:hover{ border: 2px solid #0062b1; width: 200px; height: 110px;}
.mus-piclist li:hover img{ width: 196px; height: 106px;}
.mus-context{ line-height: 26px; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-left:25px ;padding-right:25px ; text-indent: 28px; font-size: 14px; color: #999; padding-top: 20px;}
.mus-prev{ height: 60px; line-height: 60px; clear: both;}
.mus-prev .prev{ float: left; width: 50%; color: #666; font-size: 14px;}
.mus-prev .prev:last-child{ text-align: right;}

/*video*/
.video-fw{ display: none;}
.fengwo{ width: 1025px; background: url(../images/fengwo.png); height: 458px; margin:0px auto; position: relative;}
.lx1{ width:255px; height: 220px; position: absolute;left: 20px; top: 201px;}
.lx2{ width:254px; height: 220px; position: absolute;left: 259px; top: 55px;}
.lx3{ width:255px; height: 220px; position: absolute;right: 259px; top: 179px;}
.lx4{ width:254px; height: 220px; position: absolute;right: 12px; top: 55px;}
.lxtxt1,.lxtxt2,.lxtxt3,.lxtxt4{ text-align: center; position: absolute;}
.lxtxt1{left: 110px; top: 55px;}
.lxtxt2{right: 335px; top: 55px;}
.lxtxt3{left: 329px; bottom: 55px;}
.lxtxt4{right: 75px; bottom: 52px;}
.lxtxt1 .cn-title,.lxtxt2 .cn-title,.lxtxt3 .cn-title,.lxtxt4 .cn-title{ font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 5px;}
.lxtxt1 .en-title,.lxtxt2 .en-title,.lxtxt3 .en-title,.lxtxt4 .en-title{ font-size: 12px; color: #666666; font-weight: bold;}
.al-news{ display: none;}
.v-xm{ height: 129px; width: 100%; text-align: center; clear: both; padding-top: 50px;}
.v-xm .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-xm .v-xm-t{ width:96px; display: inline-block;}
.v-xm .v-xm-t .cn-title{ font-size: 24px; color: #333;}
.v-xm .v-xm-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-xm .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-al{ height: 79px; width: 100%; text-align: center; clear: both; padding-top: 30px;}
.v-al .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.v-al .v-al-t{ width:140px; display: inline-block;}
.v-al .v-al-t .cn-title{ font-size: 24px; color: #333;}
.v-al .v-al-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-al .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.al-list{ width: 100%; margin:0px auto;}
.al-list ul{ margin: 30px 0;}
.al-list ul li{ float: left; width:100%; margin-right: 10px; margin-bottom: 10px;}
.al-list ul li:nth-child(3n){margin-right: 0px;}
.al-list ul li .videolist{ position: relative; width:100%;}
.al-list ul li .videolist .playico{ position: absolute; bottom:-20%; left:15%;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:100%; height:360px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


.no-mean{ background: url(../images/bbbb1.jpg) no-repeat; width: 100%; height: 116px; background-size:100% 100%;}

.alnews-sort{ width: 1170px; margin: 0 auto; height:50px; line-height:50px;}
.alnews-sort ul{ width: 220px; margin: 0 auto; clear: both; height: 40px; }
.alnews-sort ul li{ float: left; list-style-type: disc; width: 100px; height: 40px;line-height:40px;}
.alnews-sort ul li a{ font-size: 18px;}
.alnewspart{ width: 1170px; margin: 40px auto 60px auto; height:294px;}
.parta,.partb,.partc{ width: 236px; float: left; border: 1px solid #ccc; box-shadow: 2px 1px 2px #ccc; height: 294px; margin-right: 20px;}
.parta img{ width: 236px; height:156px;}
.parta .atitle,.partb .atitle,.partc .atitle{ width:190px; margin: 0 auto; padding-top: 5px;}
.parta .atitle h2,.partb .atitle h2,.partc .atitle h2{ font-size: 15px; color: #333; height: 40px; line-height:40px;}
.parta .atitle p,.partb .atitle p,.partc .atitle p{ line-height: 26px; font-size: 12px; color: #666;}
.s-date{ height: 46px; line-height: 46px; text-align: right; margin-bottom: 16px; color: #666;}
.s-date span{ font-size: 36px; color: #333;}
.partd{ width: 370px; float: left;}
.partd ul{ margin-left: 25px;}
.partd ul li{ background: url(../images/list1.png) no-repeat left center; padding-left: 20px; border-bottom: 1px dashed #ccc; line-height: 45px;}
.partd ul li span{ float: right;}

.newslist{ width:1096px; margin: 40px auto;}
.nl-ul{}
.nl-ul li{ border-bottom:1px solid #ccc; margin-bottom: 80px;}
.nl-con{ height: 256px; width: 100%;}
.nl-con .nlpic{ width:450px; margin-right: 55px;}
.nl-con .nltext{ width:590px ;}
.nl-con .nltext h2{ font-size: 20px; color: #666; font-weight: 500; line-height: 30px; margin-top: 20px; margin-bottom: 10px;}
.nl-con .nltext span{ color: #666; font-size: 12px;}
.nl-con .nltext p{ color: #666;font-size: 14px; line-height: 22px; padding-top: 15px; padding-right: 35px;}
/*contact*/
.baidumap{ width: 100%; height: auto; margin: 20px auto;}
.contact-text{ width: 100%; margin: 0 auto; font-size: 14px; text-align: center; color: #494949; line-height: 24px; font-weight: bold; padding: 15px 0;}
.contact-con{ width: 100%; height:220px; margin: 0 auto;}
.cc-list{ width: 100%; float: left; border-left:1px solid #7c7c7c;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; height: 72px;border-right:1px solid #7c7c7c;}
.cc-list span{ width: 24px; height: 24px;margin-top: 12px; margin-left: 15px; }
.address{ background:url(../images/pos@1x.jpg) no-repeat; }
.telp{ background:url(../images/tels@1x.jpg) no-repeat; }
.email{ background:url(../images/email@1x.jpg) no-repeat; }
.cc-text{margin-top: 12px; margin-left: 11px;margin-bottom: 5px;}
.cc-text h2{ font-size: 14px; color: #333; margin-bottom: 5px;}
.cc-text p{ font-size: 12px; color: #666;}

.messageform{ margin: 15px auto; width: 100%;}
.messageform li.first{ margin-left: 40px;}
.messageform li.firsts{ margin-left: 40px;}
.messageform li.second{ width: 282px;margin-left: 40px;}
.messageform .submit{ display: block; width: 146px; margin: 30px auto; height: 42px; line-height:42px; background: #0062b1; color: #fff; text-align:  center; border-radius: 20px; cursor: pointer; border:none;}
.input{ border: none;}
.textarea{border: none; width:600px; }

.friendlink{ background:#f5f5f5; width:100%; margin-top:20px;}
.fl-list{ width:100%; margin:0px auto; padding:20px 0;}
.fl-list-title{font-size:16px;}
.fl-list-ul{ margin-top:5px;}
.fl-list-ul ul{ margin-left:15px;}
.fl-list-ul ul li{ float:left; margin-right:12px; line-height:24px;}
.fl-list-ul ul li a{ font-size:13px; color:#666; font-weight: 400;}

.cw-way-add{ height: 180px; width: 100%;}
.cw-way{ width:100%; margin:0px auto 30px auto; padding-bottom:20px;}
.cw-way-list{ float:left;font-size:15px; color:#333; width:234px;font-weight: bold;margin-left: 15px;}
.cw-way-list span{ display:block; float:left;  height:40px;}
.cw-way-lista{ float:left;  font-size:15px; color:#333; width:234px; font-weight: bold;margin-left: 15px;}
.cw-way-listb{ float:left;  font-size:15px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 15px;}
.cw-way-listb span{ display:block; float:left; width:px; height:40px;}
.cw-way-listc{ float:left; font-size:15px; color:#333; width:344px;font-weight: bold; margin-left: 15px;}

footer{ border-top:1px solid #6a6c7b; height:100px;}
footer div{ width:100%; text-align:center; margin:0 auto; font-size:14px; color:#333; padding-top:24px;}
}

/*-banner-*/
.banner {text-align: center;overflow: hidden;}
.banner img {display: block;margin: auto;width: 100%;}
.banner .slick-dots {width: 100%;max-width: 1200px;margin: auto;text-align: right;}
.banner .slick-dots li button {width: 14px;height: 14px;}
.banner .slick-dots .slick-active button {background: #009424;height: 18px;width: 18px;}


@media (max-width: 980px) {
  .phone-nav {
    display: block;
  }
}


@media (max-width: 1024px) {
}



@media (max-width: 768px) {
.headertop .nav_div{ display:none;}
.headertop .nav_tel{ display:none;}
.sub-menus{position: absolute; width:300px ; top:30px;left:190px; display: block;}
.sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
.sub-menus li a{ color: #000; }
.sub-menus li a span{ margin-right: 5px;}
.innovation{ margin-top:32px; width:100%;}
.innovation .innovation-title{ clear:both; text-align:center; height:80px;}
.innovation .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:20px; position:relative; top:-20px;}
.innovation .bigtitle{ display:inline-block; width:120px;}
.innovation .bigtitle span{ display:block; width:120px;}
.innovation .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.innovation .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.innovation .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;} 
.innovation-list{ width:750px;margin:0 auto; background: url(../images/fourk@3x.jpg) no-repeat; height: 562px;}
.innovation-list .innovation-lista{position:relative;border-right: 0px; width: 750px; height: 140px; border-bottom: 1px solid #fff;}
.innovation-list .innovation-lista:last-child{ border-bottom: none;}
.innovation-list .innovation-lista .mask{ width:750px; height:140px;  background:#000; top:0px; left:0px; opacity:0.3;display:none;}
.innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
.innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:50px; color:#767676; font-size:24px; width:750px; text-align:left; letter-spacing:4px; }
.innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
.innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1.png) center right no-repeat;height:35px; position:absolute; top:50px; display:block; text-align:right; width:750px; }
.innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11.png) center right no-repeat;}

.multi{ margin-top:32px;}
.multi .multi-title{ clear:both; text-align:center; height:80px;}
.multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.multi .bigtitle{ display:inline-block; width:195px;}
.multi .bigtitle span{ display:block; width:195px;}
.multi .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.multi-list{ width:100%; margin:0px auto;}
.multi-list .multi-lista{ float:left;position:relative; padding-left:25px; margin-bottom:5px; margin-right: 3px;}
.multi-list .multi-lista:nth-child(3n){ margin-right: 3px;}
.multi-list .multi-lista img{ width:345px; height:224px;}
.multi-list .multi-lista .mask{ position:absolute; background:#000; width:224px; height:128px; top:45px; left:96px; opacity:0.5;}
.multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
.multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}


.hexin{ background:url(../images/value.jpg) no-repeat; width:100%; background-size:100%; height:135px; margin-top:22px;}


.caseshow{ margin-top:32px;}
.caseshow .case-title{ clear:both; text-align:center; height:60px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:100%;}
.caselist .case-lista{ float:left; margin-right:8px;margin-bottom:30px; padding-left:15px;width: 48%;height: 30rem;}
.caselist .case-lista img{ width:345px; height:259px;}
.caselist .case-lista p{ height:66px; line-height:66px; font-size:16px; color:#000; text-align:center;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}

.company-adv{ margin-top:20px; display: none;}
.company-adv .adv-title{ clear:both; text-align:center; height:80px;}
.company-adv .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.company-adv .bigtitle{ display:inline-block; width:160px;}
.company-adv .bigtitle span{ display:block; width:160px;}
.company-adv .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.company-adv .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.company-adv .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.adv-bg{ background:url(../images/advbg.jpg) no-repeat; background-size:contain; height:304px; width:100%; display: none;}
.advlist{}

.wisdom{ margin-top:20px;}
.wisdom .wisdom-title{ clear:both; text-align:center; height:60px;}
.wisdom .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.wisdom .bigtitle{ display:inline-block; width:160px;}
.wisdom .bigtitle span{ display:block; width:160px;}
.wisdom .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.wisdom .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.wisdom .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; padding-left:0px; margin-bottom:10px; width:33%; margin-right: 0px;}
.wisdom .wisdomlist .wisdomlista img{ width:256px; height:255px;}
.wisdom .wisdomlist .wisdomlista a p{ height:52px; background:rgba(0,0,0,0.5); line-height:52px; position:absolute; bottom:0; font-size:30px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}

.dongtai{ margin-top:20px;}
.dongtai .dongtai-title{ clear:both; text-align:center; height:80px;}
.dongtai .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.dongtai .bigtitle{ display:inline-block; width:160px;}
.dongtai .bigtitle span{ display:block; width:160px;}
.dongtai .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.dongtai .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.dongtai .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.dongtai-list{ width:100%; margin:0 auto;}
.dongtai-fen{ border-bottom:1px solid #6a6c7b; height:50px; line-height:50px;}
.dongtai-fen ul{ width:270px; margin:0 auto;}
.dongtai-fen ul li{ float:left; width:135px; list-style:circle; font-size:20px;}
.dongtai-lista{ width:100%;}
.dongtai-lista .dongtai-lista-list{ float:left;}
.dongtai-lista .dongtai-lista-list ul{ width:364px; padding-left:15px;}
.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px; overflow:hidden;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:64px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:30px; line-height:30px; font-size:18px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:30px; line-height:30px; font-size:12px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:left; padding-left:15px; width:364px; padding-top:10px; margin-bottom:10px;}

.friendlink{}

.contactway{ width:100%; background:url(../images/footdi.png) no-repeat; height:80px; background-size:cover;}
.cw-hot{ width:100%;text-align:right; margin:0 auto; height:30px; line-height:30px; font-size:14px; color:#333; padding-right:20px;}
.cw-way{ width:100%; margin:10px auto 10px auto; padding-left:20px;}
.cw-way-list{ float:left; font-size:16px; color:#333; width:345px;}
.cw-way-list span{ display:block; float:left; width:px; height:40px;}
.cw-way-lista{ float:left;  font-size:16px; color:#333; width:345px;}
.cw-way-listb{ float:left; font-size:16px; color:#333; width:345px; padding-right:20px;}
.cw-way-listb span{ display:block; float:left; width:px; height:40px;}
.cw-way-listc{ float:left;  font-size:16px; color:#333; width:345px;}

.banner-page{ width:100%; height:200px; background: url(../images/about1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-con{width:100%; height:200px; background: url(../images/contact1.jpg) no-repeat; background-size:100% 100%;}
.banner-page-mul{width:100%; height:200px; background: url(../images/multi.jpg) no-repeat; background-size:100% 100%;}
.banner-page-case{width:100%; height:200px; background: url(../images/case.jpg) no-repeat; background-size:100% 100%;}
.banner-page-news{width:100%; height:500px; background: url(../images/newsbg.jpg) no-repeat; background-size:100% 100%;}
.banner-page .big-title,.banner-page-con .big-title,.banner-page-mul .big-title,.banner-page-case .big-title{ display: block; font-size: 30px; color: #FFFFFF; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000; animation-delay: 0.1s;}
.banner-page .cn-title,.banner-page-con .cn-title,.banner-page-mul .cn-title,.banner-page-case .cn-title{display: block; width: 100%; text-align: center; font-size: 18px; color: #0062b1; text-shadow:1px 1px 1px #000000;animation-delay: 0.3s;}
.banner-page-video{width:100%; height:250px; background: url(../images/video.jpg) no-repeat; background-size:100% 100%;}
.banner-page-video .big-title{ display: block; font-size: 35px; color: #434343; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title{display: block; width: 100%; text-align: center; font-size: 22px; color: #0062b1; text-shadow:1px 1px 1px #000000;}
.banner-page-news .big-title{ display: block; font-size: 55px; color: #434343; width: 100%; text-align: center; padding-top: 7%;text-shadow:1px 1px 1px #000000;}
.banner-page-news .cn-title{display: block; width: 100%; text-align: center; font-size: 30px; color: #ffffff; text-shadow:1px 1px 1px #000000;}
.banner-page-video .cn-title em{ color: #fff; margin-left: 25px; font-style: normal; text-shadow: 1px 1px 0px #000000;}
.banner-page-video .cn-sort{color: #fff;text-align: center; display: block; width: 100%; font-size: 14px; margin-top: 25px;}

.about-content{ width: 100%; height: auto; margin-top: 25px;}
.main-pos{ width: 980px; margin: 0 auto; text-align: left; color: #999999; font-size: 14px; margin-bottom: 10px;}
.main-pos a{ color: #999; text-decoration: none;}
.main-pos a:hover{ color: #003E7E; text-decoration: underline;}

.about-content-contain{ width: 100%; height: auto; margin: 0 auto;}
.company-name{ border-bottom: 1px solid #cccccc; width:50%; margin: 0 auto; position: relative;height: 40px; text-align: center;}
.message{width:100%; margin: 0 auto; position: relative;height: 30px; text-align: center;}
.company-name .cn{ color: #000; font-size: 14px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 5px; letter-spacing: 0px;}
.message .cn{color: #000; font-size: 12px; font-weight: 400;width: 100%; text-align: center; position: absolute; bottom: 6px; }
.company-name .en{ display: none;}
.message .en{color:#edecec; font-size: 24px; width: 100%; text-align: center; position: absolute; bottom: 0px;}
.company-name .biaochi{ width: 33px; height: 3px; background: #0062b1; position: absolute; bottom: -2px; margin: auto; left:0; right: 0;}

.company-subject{ width: 100%; margin: 15px auto; color: #999; font-size: 12px; line-height: 22px; text-align: center;}
.company-pro{ width: 100%; margin: 30px auto;}
.company-pro .f-l{ width: 100%; text-align: center;}

.com-pro-r{ width: 100%;}
.com-pro-r-top{ height:42px;}
.com-pro-r-top .ent{ font-size: 14px; color: #ccc; text-transform: uppercase;}
.com-pro-r-top .cnt{ font-size: 18px; color: #333;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 200px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 35px; line-height:24px; font-size: 13px; color: #666;}

.company-other{ width: 100%; height: auto; margin: 0 auto; background: #f5f5f5;}
.company-other ul{ margin:0; padding-top: 53px;}
.company-other ul li{ float: left;}
.company-other ul li.one{ width: 50%; height: 182px;}
.company-other ul li.one img{width: 100%;}
.company-other ul li.two{width: 50%; height: 183px;}

.company-other ul li.three{width: 50%;height: 182px; background: #fff;}
.pinpai{ position: relative; text-align: center;}
.ppys{text-transform: uppercase; color:#333333; font-size: 24px; position: absolute; top: 42px; left: 0px; right: 0; z-index: 2; letter-spacing: 6px;}
.enpp{text-transform: uppercase; color: #ececec; font-size: 22px; position: absolute; top: 50px; left: 0px; right: 0; z-index: 1;}
.ppcon{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 100px; height: 68px; color: #666666; font-size: 14px; line-height: 30px;}
.company-other ul li.four{width: 50%;height: 183px; background: #fff;}
.lilian{ padding-left:30px; padding-top: 30px;padding-right:30px;}
.llcn{text-transform: uppercase; color:#333333; font-size: 18px; height: 36px;}
.llen{text-transform: uppercase; color: #cdcccc; font-size: 12px; height: 24px;}
.llcon{ line-height: 24px; font-size: 14px; color: #666666;}


.shuzishow{ width: 100%; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 25%; border-right: 1px solid #ccc; height: 87px; line-height: 87px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 40%; margin-left: 10%; font-size: 14px; color: #333;}
.number em{ font-size: 22px; color: #0062b1; padding-right: 10px; font-style: normal;}
.num-text{ font-size: 12px; color: #666666;}

.zhengshu{width: 100%; margin: 20px auto 40px auto; height: 87px;}
.zs-list{ width: 33%; float: left;border-right: 1px solid #ccc; height: 87px; text-align:center; margin-bottom: 10px;}
.zs-list:last-child{border-right: none;}
.zs-list span{ height: 60px; font-size: 14px; color: #666;}

.main-sort-section{height: 90px;}
.main-sort{ width: 100%; margin: 0 auto;}
.ms-list{ height: 42px; margin-top: 13px;}
.ms-list:last-child{border-right: none;}
.ms-list .ms-cn{font-size: 14px;margin-top: 5px; color: #333;}
.ms-list .ms-en{font-size: 6px; margin-top: 2px; color: #666;}
.ms-list a .ms-cn{ color: #333;}
.ms-list a:hover .ms-cn{ color: #0062b1;}
.ms-list a .ms-en{color: #666;}
.ms-list a.current .ms-en,.ms-list a.current .ms-cn,.ms-list a:hover .ms-en{ color: #0062b1;}

.ul-sub{width: 100%; margin: 16px auto; display: block; clear: both; height: 100px;}
.ul-sub li{  width: 30%; height: 26px; line-height: 24px; margin-right: 2%; float: left; margin-bottom: 2%;}
.ul-sub li a{ width: 100%; border: 1px solid #0062b1; border-radius: 10px; display: block; text-align: center; color: #0062b1;}
.ul-sub li a:hover{ color: #fff; background: #0062b1;}

.list-con{ width: 100%; margin: 0 auto;}
.list-con-list{width: 100%;}
.list-con-list li{width: 370px; height: 350px; position: relative; overflow: hidden; margin-right: 14px; margin-bottom: 29px; float: left; margin-left:2px;}
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 14px;}
.list-con-list li:nth-child(2n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 370px; height: 264px;}
.list-con-list li .lcl-text{ height: 172px; background: #f5f5f5; position: absolute; left: 0; bottom: 0px;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 86px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 18px; color: #333; width: 260px; line-height: 86px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 86px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.service-list-con{ width: 100%; margin: 0 auto;}
.service-list-con-list{width: 100%;}
.service-list-con-list li{width: 49%; height: auto; position: relative; overflow: hidden; margin-right: 3px; margin-bottom: 29px; float: left; margin-left:2px;}
.service-list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.service-list-con-list li:nth-child(3n){ margin-right: 2px;}
.service-list-con-list li:nth-child(2n){ margin-right: 0px;}
.service-list-con-list li .lcl-pic{ width: 100%; height: 143px;}
.service-list-con-list li .lcl-text{ height: auto; background: #f5f5f5; position: absolute; left: 0; bottom: 0px;} 
.service-list-con-list li .lcl-text .lcl-text-top{ height: 40px; display: flex;}
.service-list-con-list li .lcl-text .lcl-text-top h2{ font-size: 18px; color: #333; width: 260px; line-height: 40px;padding-left: 32px;}
.service-list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 40px; padding-left: 6px;}
.service-list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.pagenation{ width: 100%; text-align: center; margin: 0 auto; margin-bottom: 40px; clear: both; height: 37px; margin-top: 17px;}
.pagenation p{ text-align: center; display: inline-block;}
.pagenation a{ display: block; float:left; width:35px ; height: 35px; border: 1px solid #0062b1; border-radius: 50%; line-height: 35px; color: #333333; font-size: 18px; margin-right: 16px;}
.pagenation a:hover,.pagenation a.pcur{ background: #0062b1; color: #fff;}
.pagenation a.pnext{ background: #7d7d7d; color: #fff; border:1px solid #7d7d7d;}
.pagenation a.pnext:hover{background: #0062b1; color: #fff; border:1px solid #0062b1;}

.multi-show{ width: 100%; margin: 20px auto;}
.mus-top{ border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.mus-top h2{ text-align: center; color: #333; font-size: 20px; line-height: 40px;}
#gallery{ width: 100%; height:564px;}
#gallery_nav{ width:100%;height: 450px;}
#gallery_nav img{ height: 450px; width:100%;}
#gallery_output{ width:100%; height: 124px;margin: 20px auto;}
#gallery_output img{ width:200px; height:110px;}
#gallery_output a{ display:block; height:114px; width:200px; margin-right: 5px; float: left;}
.mus-bigpic{ width: 100%; height: auto;}
.mus-piclist{ display: flex; margin-top:20px;margin-bottom:20px;}
.mus-piclist li{ width: 200px; height: 110px; margin-right: 10px;border: 2px solid #ccc;}
.mus-piclist li img{width: 196px; height: 106px;}
.mus-piclist li:hover{ border: 2px solid #0062b1; width: 200px; height: 110px;}
.mus-piclist li:hover img{ width: 196px; height: 106px;}
.mus-context{ line-height: 26px; border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-left:25px ;padding-right:25px ; text-indent: 28px; font-size: 14px; color: #999; padding-top: 20px;}
.mus-prev{ height: 60px; line-height: 60px; clear: both;}
.mus-prev .prev{ float: left; width: 50%; color: #666; font-size: 14px;}
.mus-prev .prev:last-child{ text-align: right;}

/*yun*/
.yun-con .demonstrate h2{font-size: 24px;}
.yun-con .demonstrate iframe{width:100%;}
.yun-con .yun-con-box {width: 360px;margin-top: 7px;}
.yun-con .yun-txt {margin-top: 20px;}
.yun-con .yun-con1 h2{font-size: 24px;}
.yun-con .yun-con1 .jiejue{width: 100%;margin-top: 20px;}
.yun-con .yun-con1 .jiejue .jiejue_box{width: 24%;display: inline-block;}
.yun-con .yun-con1 .jiejue .jiejue_box span{text-align: center;display: block;font-size: 16px;font-weight: bold;color: #666666;}
.yun-con .yun-con1 .jiejue .jiejue_box img{width: 250px;margin: 0 auto;display: block;border: #8ebfdd 3px solid;}
.yun-con .yun-con2 h2{font-size: 24px;}
.yun-con .yun-con2 .yuncase{width:100%;}
.yun-con .yun-con2 .yuncase .yuncase_box{width: 50%;}
.yun-con .yun-con2 .yuncase .yuncase_box .image-container{width: 100%;height: 120px;}
.yun-con .yun-con2 .yuncase .yuncase_box a{width: 85%;}
.yun-con .yun-con2 .yuncase .yuncase_box img{}
.yun-con .yun-con2 .yuncase .yuncase_box span{text-align: center;font-size: 16px;display: block;}

/*yuncase*/
.yun-caselist{margin: 0 auto;overflow: hidden;}
.yun-caselist h2{margin: 0 auto;margin-bottom: 20px;text-align: center;margin-top: 50px;font-weight: bold;font-size: 36px;}
.yun-caselist .yuncase{width:100%;margin: 0 auto;margin-top: 10px;}
.yun-caselist .yuncase .yuncase_box{width: 50%;float: left;margin-bottom: 20px;}
.yun-caselist .yuncase .yuncase_box a{display: block;width: 85%;margin: 0 auto;}
.yun-caselist .yuncase .yuncase_box .image-container{width: 100%;height: 120px;}
.yun-caselist .yuncase .yuncase_box img{width: 100%;height: 100%;border-radius: 15px;}
.yun-caselist .yuncase .yuncase_box span{text-align: center;font-size: 16px;display: block;}

/*video*/
.video-fw{ display: none;}
.fengwo{ width: 1025px; background: url(../images/fengwo.png); height: 458px; margin:0px auto; position: relative;}
.lx1{ width:255px; height: 220px; position: absolute;left: 20px; top: 201px;}
.lx2{ width:254px; height: 220px; position: absolute;left: 259px; top: 55px;}
.lx3{ width:255px; height: 220px; position: absolute;right: 259px; top: 179px;}
.lx4{ width:254px; height: 220px; position: absolute;right: 12px; top: 55px;}
.lxtxt1,.lxtxt2,.lxtxt3,.lxtxt4{ text-align: center; position: absolute;}
.lxtxt1{left: 110px; top: 55px;}
.lxtxt2{right: 335px; top: 55px;}
.lxtxt3{left: 329px; bottom: 55px;}
.lxtxt4{right: 75px; bottom: 52px;}
.lxtxt1 .cn-title,.lxtxt2 .cn-title,.lxtxt3 .cn-title,.lxtxt4 .cn-title{ font-size: 20px; color: #333333; font-weight: bold; margin-bottom: 5px;}
.lxtxt1 .en-title,.lxtxt2 .en-title,.lxtxt3 .en-title,.lxtxt4 .en-title{ font-size: 12px; color: #666666; font-weight: bold;}
.al-news{ display: none;}
.v-xm{ height: 129px; width: 100%; text-align: center; clear: both; padding-top: 50px;}
.v-xm .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-xm .v-xm-t{ width:96px; display: inline-block;}
.v-xm .v-xm-t .cn-title{ font-size: 24px; color: #333;}
.v-xm .v-xm-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-xm .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:140px; line-height:40px; position:relative; top:-20px;}
.v-al{ height: 79px; width: 100%; text-align: center; clear: both; padding-top: 30px;}
.v-al .leftline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.v-al .v-al-t{ width:140px; display: inline-block;}
.v-al .v-al-t .cn-title{ font-size: 24px; color: #333;}
.v-al .v-al-t .en-title{ font-size: 12px; color: #8d8d8d;}
.v-al .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.al-list{ width: 100%; margin:0px auto;}
.al-list ul{ margin: 30px 0;}
.al-list ul li{ float: left; width:48%; margin-right: 5px; margin-bottom: 10px; margin-left: 5px;}
.al-list ul li:nth-child(3n){margin-right: 5px;}
.al-list ul li:nth-child(2n){margin-right: 0px;}
.al-list ul li .videolist{ position: relative; width:100%;}
.al-list ul li .videolist .playico{ position: absolute; bottom:-20%; left:15%;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:0;margin-left:0px; margin-top:0px;padding-top: 50%; z-index:100; width:100%; height:100%;}
.vclose { position:absolute;right:1%; top:20%; border-radius:100%; cursor: pointer; }
#video{width: 100%!important;}

.no-mean{ background: url(../images/bbbb1.jpg) no-repeat; width: 100%; height: 116px; background-size:100% 100%;}

.alnews-sort{ width: 1170px; margin: 0 auto; height:50px; line-height:50px;}
.alnews-sort ul{ width: 220px; margin: 0 auto; clear: both; height: 40px; }
.alnews-sort ul li{ float: left; list-style-type: disc; width: 100px; height: 40px;line-height:40px;}
.alnews-sort ul li a{ font-size: 18px;}
.alnewspart{ width: 1170px; margin: 40px auto 60px auto; height:294px;}
.parta,.partb,.partc{ width: 236px; float: left; border: 1px solid #ccc; box-shadow: 2px 1px 2px #ccc; height: 294px; margin-right: 20px;}
.parta img{ width: 236px; height:156px;}
.parta .atitle,.partb .atitle,.partc .atitle{ width:190px; margin: 0 auto; padding-top: 5px;}
.parta .atitle h2,.partb .atitle h2,.partc .atitle h2{ font-size: 15px; color: #333; height: 40px; line-height:40px;}
.parta .atitle p,.partb .atitle p,.partc .atitle p{ line-height: 26px; font-size: 12px; color: #666;}
.s-date{ height: 46px; line-height: 46px; text-align: right; margin-bottom: 16px; color: #666;}
.s-date span{ font-size: 36px; color: #333;}
.partd{ width: 370px; float: left;}
.partd ul{ margin-left: 25px;}
.partd ul li{ background: url(../images/list1.png) no-repeat left center; padding-left: 20px; border-bottom: 1px dashed #ccc; line-height: 45px;}
.partd ul li span{ float: right;}

.newslist{ width:1096px; margin: 40px auto;}
.nl-ul{}
.nl-ul li{ border-bottom:1px solid #ccc; margin-bottom: 80px;}
.nl-con{ height: 256px; width: 100%;}
.nl-con .nlpic{ width:450px; margin-right: 55px;}
.nl-con .nltext{ width:590px ;}
.nl-con .nltext h2{ font-size: 20px; color: #666; font-weight: 500; line-height: 30px; margin-top: 20px; margin-bottom: 10px;}
.nl-con .nltext span{ color: #666; font-size: 12px;}
.nl-con .nltext p{ color: #666;font-size: 14px; line-height: 22px; padding-top: 15px; padding-right: 35px;}
/*contact*/
.baidumap{ width: 100%; height: auto; margin: 20px auto;}
.contact-text{ width: 100%; margin: 0 auto; font-size: 14px; text-align: center; color: #494949; line-height: 24px; font-weight: bold; padding: 15px 0;}
.contact-con{ width: 100%; height:220px; margin: 0 auto;}
.cc-list{ width: 100%; float: left; border-left:1px solid #7c7c7c;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; height: 72px;border-right:1px solid #7c7c7c;}
.cc-list span{ width: 24px; height: 24px;margin-top: 12px; margin-left: 15px; }
.address{ background:url(../images/pos@1x.jpg) no-repeat; }
.telp{ background:url(../images/tels@1x.jpg) no-repeat; }
.email{ background:url(../images/email@1x.jpg) no-repeat; }
.cc-text{margin-top: 12px; margin-left: 11px;margin-bottom: 5px;}
.cc-text h2{ font-size: 14px; color: #333; margin-bottom: 5px;}
.cc-text p{ font-size: 12px; color: #666;}

.messageform{ margin: 15px auto; width: 100%;}
.messageform li.first{ width:260px; margin-right:32px; float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.firsts{width:600px;float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.second{ height: 105px; border-bottom: 1px solid #ccc; font-size: 16px; padding-left: 10px; margin-top: 20px; vertical-align: top; line-height: 30px;}
.messageform li.second span{ display: block; float: left;}
.messageform .submit{ display: block; width: 146px; margin: 30px auto; height: 42px; line-height:42px; background: #0062b1; color: #fff; text-align:  center; border-radius: 20px; cursor: pointer;}
.messageform li.first{ margin-left: 40px;}
.messageform li.firsts{ margin-left: 40px;}
.messageform li.second{ width: 600px;margin-left: 40px;}
.messageform .submit{ display: block; width: 146px; margin: 30px auto; height: 42px; line-height:42px; background: #0062b1; color: #fff; text-align:  center; border-radius: 20px; cursor: pointer; border:none;}
.input{ border: none;}
.textarea{border: none; width:600px; height: 70px; }

.friendlink{ background:#f5f5f5; width:100%; margin-top:20px;}
.fl-list{ width:100%; margin:0px auto; padding:20px 0;}
.fl-list-title{font-size:16px;}
.fl-list-ul{ margin-top:5px;}
.fl-list-ul ul{ margin-left:15px;}
.fl-list-ul ul li{ float:left; margin-right:12px; line-height:24px;}
.fl-list-ul ul li a{ font-size:13px; color:#666; font-weight: 400;}

.cw-way-add{ height: 180px; width: 100%;}
.cw-way{ width:100%; margin:0px auto 30px auto; padding-bottom:20px;}
.cw-way-list{ float:left;font-size:15px; color:#333; width:234px;font-weight: bold;margin-left: 15px;}
.cw-way-list span{ display:block; float:left;  height:40px;}
.cw-way-lista{ float:left;  font-size:15px; color:#333; width:234px; font-weight: bold;margin-left: 15px;}
.cw-way-listb{ float:left;  font-size:15px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 15px;}
.cw-way-listb span{ display:block; float:left; width:px; height:40px;}
.cw-way-listc{ float:left; font-size:15px; color:#333; width:344px;font-weight: bold; margin-left: 15px;}

footer{ border-top:1px solid #6a6c7b; height:100px;}
footer div{ width:100%; text-align:center; margin:0 auto; font-size:14px; color:#333; padding-top:24px;}

.al-list ul li .videolist{ position: relative; width:100%;}
.al-list ul li .videolist img{width: 100%;}
.al-list ul li .videolist .playico{ position: absolute; bottom:-20%; left:15%;}
.al-list ul li .videolist .playico .icons{background: url(../images/play.png) no-repeat;width:59px;height:59px; margin-top:78px;margin-left:90px;}
.al-list ul li .videolist .playico .icontitle{ width:120px; height:36px; line-height: 36px; background: rgba(0,0,0,0.2); text-align: center; color:#fff;margin-left:62px;margin-top:7px; font-size: 16px;}
.al-list ul li .videolist .playline{ position: absolute; top:0; width: 100%; height:100%; display: none;}
.al-list ul li .videolist .playline .hovername{ border-bottom: 1px solid #fff; width:260px; height: 58px; line-height: 58px; text-align: center;  font-size: 24px; color:#fff; margin-top:100px; margin-left:60px; position: relative;}
.al-list ul li .videolist .playline .hovername em{ display: block; width:48px; height:3px; background: #2571b0; position: absolute; bottom: -2px; left:40.8%;}
.al-list ul li .videolist .playline .hoveren{ font-size: 16px; color:#fff; text-align: center; margin-top: 14px;}
.videos{display:none; border: 1px solid #080808; position:fixed; left:0; top:0;margin-left:0px; margin-top:0px;padding-top: 50%; z-index:100; width:100%; height:100%;}
.vclose { position:absolute;right:1%; top:34%; border-radius:100%; cursor: pointer; }
#video{width: 100%!important;}
}


@media (max-width: 640px) {
  .sub-menus{position: absolute; width:300px ; top:20px;left:90px; display: block;}
.sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
.sub-menus li a{ color: #000; }
.sub-menus li a span{ margin-right: 5px;}
  .innovation-list{ width:320px;margin:0 auto; background: url(../images/fourk@2x.jpg) no-repeat; height: 240px;}
  .innovation-list .innovation-lista{position:relative;border-right: 0px; width: 320px; height: 60px; border-bottom: 1px solid #fff;}
  .innovation-list .innovation-lista:last-child{ border-bottom: none;}
  .innovation-list .innovation-lista .mask{ width:100%; height:60px;  background:#000; top:0px; left:0px; opacity:0.3;display:none;}
  .innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
  .innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:16px; color:#767676; font-size:18px; width:320px; text-align:left; letter-spacing:2px; }
  .innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
  .innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1@2x.png) center right no-repeat;height:20px; position:absolute; top:20px; display:block; text-align:right; width:320px; }
  .innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11@2x.png) center right no-repeat;}

  .multi{ margin-top:32px;}
  .multi .multi-title{ clear:both; text-align:center; height:80px;}
  .multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}
  .multi .bigtitle{ display:inline-block; width:195px;}
  .multi .bigtitle span{ display:block; width:195px;}
  .multi .bigtitle span.bigfont{ font-size:20px;color:#575757;text-align:center; }
  .multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
  .multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}
  
  .main-pos{ width: 320px; margin: 0 auto; text-align: left; color: #999999; font-size: 12px;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 340px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 25px; line-height:24px; font-size: 13px; color: #666;}
.company-other ul li.one{ width: 100%; height: 182px;}
.company-other ul li.two{width: 100%; height: 183px;}

.company-other ul li.three{width: 100%;height: 182px; background: #fff;}

.company-other ul li.four{width: 100%;height: 183px; background: #fff;}

.ppcon{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 100px; height: 68px; color: #666666; font-size: 12px; line-height: 20px;}

.shuzishow{ width: 100%; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 50%; border-right: 1px solid #ccc; height: 47px; line-height: 47px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 36%; margin-left: 10%; font-size: 14px; color: #333;}
.number em{ font-size: 20px; color: #0062b1; padding-right: 4px; font-style: normal;}
.num-text{ font-size: 12px; color: #666666;}
.cw-way-list{ float:left;font-size:13px; color:#333; width:234px;font-weight: bold;margin-left: 0px;}
.cw-way-lista{ float:left;  font-size:13px; color:#333; width:234px; font-weight: bold;margin-left: 0px;}
.cw-way-listb{ float:left;  font-size:13px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 0px;}
.cw-way-listc{ float:left; font-size:13px; color:#333; width:344px;font-weight: bold; margin-left: 0px;}

.list-con-list li{width: 320px; height: 303px; position: relative; overflow: hidden;margin-bottom: 15px; float: left; }
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 320px; height: 229px;}
.list-con-list li .lcl-text{ height: 74px; background: #f5f5f5; position: absolute; left: 0; bottom: 0px;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 74px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 14px; color: #333; width: 210px; line-height: 74px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 74px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.contact-text{ width: 100%; margin: 0 auto; font-size: 12px; text-align: center; color: #494949; line-height: 24px; font-weight: bold; padding: 15px 0;}

.messageform li.first{ margin-left: 10px;}
.messageform li.firsts{ margin-left: 10px;}
.messageform li.second{ width: 282px;margin-left: 10px;}
.textarea{ border: none; width: 100%; height:80px; display: block; float: left;}

footer{ border-top:1px solid #6a6c7b; height:60px;}
footer div{ width:100%; text-align:center; margin:0 auto; font-size:12px; color:#333; padding-top:14px;}

#gallery{ width: 100%; height:260px;}
#gallery_nav{ width:100%;height: 163px;}
#gallery_nav img{ height: 163px; width:100%;}
#gallery_output{ width:100%; height: 110px;margin: 20px auto;}
#gallery_output img{ width:100px; height:55px;}
#gallery_output a{ display:block; height:59px; width:100px; margin-right: 5px; float: left;}

.dongtai-lista .dongtai-lista-list ul{ width:305px; padding-left:15px;}
.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px; overflow:hidden;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:64px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:30px; line-height:30px; font-size:18px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:30px; line-height:30px; font-size:12px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:left; padding-left:15px; width:305px; padding-top:10px; margin-bottom:10px;}

}

@media (max-width: 375px) {
  .sub-menus{position: absolute; width:280px ; top:20px;left:90px; display: block;}
.sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
.sub-menus li a{ color: #000; }
.sub-menus li a span{ margin-right: 5px;}
  .al-list ul li{ margin-left: 0px!important; width:100%;}
  
  .multi-list .multi-lista{ float:left;position:relative; padding-left:0px; margin-bottom:5px; width: 33%; margin-right: 1px;}
  .multi-list .multi-lista:nth-child(3n){margin-right: 1px;}
  .multi-list .multi-lista img{ width:124px; height:76px;}
  .multi-list .multi-lista .mask{ position:absolute; background:#000; width:108px; height:40px; top:20px; left:8px; opacity:0.5;}
  .multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
  .multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}
  .multi-list .multi-lista p{ font-size:14px;color:#fff; line-height:30px; height:30px; text-align:center; font-weight:bold;position: absolute;top:25px; width: 124px; z-index: 2;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}
.multi-list .multi-lista span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px; width: 100%;z-index: 2; display: none;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}

  .caseshow{ margin-top:16px;}
.caseshow .case-title{ clear:both; text-align:center; height:60px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:100%;}
.caselist .case-lista{ float:left; margin-right:0px;margin-bottom:30px; padding-left:0px; width: 50%;height: 12rem;}
.caselist .case-lista img{ width:100%; height:100%;}
.caselist .case-lista p{ height:33px; line-height:33px; font-size:13px; color:#000; text-align:center;width: 100%;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}

.wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; margin-right:2px; width: 123px;}
.wisdom .wisdomlist .wisdomlista img{width: 120px; height: 110px;}
.wisdom .wisdomlist .wisdomlista a p{ height:20px; background:rgba(0,0,0,0.5); line-height:20px; position:absolute; bottom:0; font-size:14px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}
  }
  @media screen and (min-width: 376px) and (max-width: 480px)
  {

  .headertop .phone-nav {
    padding-top: 15px;
    margin-right: 10px;
  }
  .sub-menus{position: absolute; width:300px ; top:20px;left:96px; display: block;}
  .sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
  .sub-menus li a{ color: #000; }
  .sub-menus li a span{ margin-right: 5px;}
  .multi-list .multi-lista{ float:left;position:relative; padding-left:0px; margin-bottom:5px; width: 33%; margin-right: 1px;}
  .multi-list .multi-lista:nth-child(3n){margin-right: 1px;}
  .multi-list .multi-lista img{ width:137px; height:83px;}
  .multi-list .multi-lista .mask{ position:absolute; background:#000; width:108px; height:45px; top:18px; left:15px; opacity:0.5;}
  .multi-list .multi-lista .mask p{ font-size:20px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
  .multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}
  .multi-list .multi-lista p{ font-size:14px;color:#fff; line-height:30px; height:30px; text-align:center; font-weight:bold;position: absolute;top:25px; width: 137px; z-index: 2;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}
.multi-list .multi-lista span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px; width: 100%;z-index: 2; display: none;-webkit-text-stroke: 0.04rem rgba(0,0,0,.4);}

  .innovation-list{ width:320px;margin:0 auto; background: url(../images/fourk@2x.jpg) no-repeat; height: 240px;}
  .innovation-list .innovation-lista{position:relative;border-right: 0px; width: 320px; height: 60px; border-bottom: 1px solid #fff;}
  .innovation-list .innovation-lista:last-child{ border-bottom: none;}
  .innovation-list .innovation-lista .mask{ width:100%; height:60px;  background:#000; top:0px; left:0px; opacity:0.3;display:none;}
  .innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
  .innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:16px; color:#767676; font-size:18px; width:320px; text-align:left; letter-spacing:2px; }
  .innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
  .innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1@2x.png) center right no-repeat;height:20px; position:absolute; top:20px; display:block; text-align:right; width:320px; }
  .innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11@2x.png) center right no-repeat;}

  .multi{ margin-top:32px;}
  .multi .multi-title{ clear:both; text-align:center; height:80px;}
  .multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}
  .multi .bigtitle{ display:inline-block; width:195px;}
  .multi .bigtitle span{ display:block; width:195px;}
  .multi .bigtitle span.bigfont{ font-size:20px;color:#575757;text-align:center; }
  .multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
  .multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}
  
.main-pos{ width: 100%; margin: 0 auto; text-align: left; color: #999999; font-size: 12px; margin-bottom: 10px;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 340px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 25px; line-height:24px; font-size: 13px; color: #666;}
.company-other ul li.one{ width: 100%; height: 182px;}
.company-other ul li.two{width: 100%; height: 183px;}

.company-other ul li.three{width: 100%;height: 182px; background: #fff;}

.company-other ul li.four{width: 100%;height: 183px; background: #fff;}

.ppcon{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 100px; height: 68px; color: #666666; font-size: 12px; line-height: 20px;}

.shuzishow{ width: 100%; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 50%; border-right: 1px solid #ccc; height: 47px; line-height: 47px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 36%; margin-left: 10%; font-size: 14px; color: #333;}
.number em{ font-size: 20px; color: #0062b1; padding-right: 4px; font-style: normal;}
.num-text{ font-size: 12px; color: #666666;}
.cw-way-list{ float:left;font-size:13px; color:#333; width:234px;font-weight: bold;margin-left: 0px;}
.cw-way-lista{ float:left;  font-size:13px; color:#333; width:234px; font-weight: bold;margin-left: 0px;}
.cw-way-listb{ float:left;  font-size:13px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 0px;}
.cw-way-listc{ float:left; font-size:13px; color:#333; width:344px;font-weight: bold; margin-left: 0px;}

.list-con-list li{width: 100%; height: 303px; position: relative; overflow: hidden;margin-bottom: 15px; float: left; }
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 100%; height: 229px;}
.list-con-list li .lcl-pic img{ width: 100%; height: 229px;} 
.list-con-list li .lcl-text{ height: 74px; background: #f5f5f5; position: absolute; left: 0; bottom: 0px; width: 100%;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 74px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 14px; color: #333; width: 70%; line-height: 74px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width:30%; font-size: 12px; color: #7d7d7d; line-height: 74px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.contact-text{ width: 100%; margin: 0 auto; font-size: 12px; text-align: center; color: #494949; line-height: 24px; font-weight: bold; padding: 15px 0;}

.messageform li.first{ margin-left: 20px;}
.messageform li.firsts{ margin-left: 20px;}
.messageform li.second{ width: 320px;margin-left: 20px;}
.textarea{ border: none; width: 100%; height:80px; display: block; float: left;}

.dongtai-lista{ width:100%;}
.dongtai-lista .dongtai-lista-list{ float:left;}
.dongtai-lista .dongtai-lista-list ul{ width:100%; padding-left:15px;}


footer{ border-top:1px solid #6a6c7b; height:60px;}
footer div{ width:100%; text-align:center; margin:0 auto; font-size:12px; color:#333; padding-top:14px;}

#gallery{ width: 100%; height:260px;}
#gallery_nav{ width:100%;height: 163px;}
#gallery_nav img{ height: 163px; width:100%;}
#gallery_output{ width:100%; height: 110px;margin: 20px auto;}
#gallery_output img{ width:100px; height:55px;}
#gallery_output a{ display:block; height:59px; width:100px; margin-right: 5px; float: left;}

.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px; overflow:hidden;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:64px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:30px; line-height:30px; font-size:18px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:30px; line-height:30px; font-size:12px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:left; padding-left:15px; width:375px; padding-top:10px; margin-bottom:10px;}

.messageform{ margin: 15px auto; width: 100%;}
.messageform li.first{ width:320px; margin-right:132px; float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.firsts{width:320px;float: left; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 40px; padding-left: 10px;}
.messageform li.second{ height: 115px; border-bottom: 1px solid #ccc; font-size: 16px; padding-left: 10px; margin-top: 20px; vertical-align: top; line-height: 30px;}
.messageform li.second span{ display: block; float: left;}

.al-list ul li{ margin-left:0px;width:100%;}
.al-list ul li .videolist{ position: relative; width:100%;}
.al-list ul li .videolist .playico{ position: absolute; bottom:-20%; left:15%;}
.al-list ul li .videolist .playico .icons{background: url(../images/play.png) no-repeat;width:59px;height:59px; margin-top:98px;margin-left:110px;}
.al-list ul li .videolist .playico .icontitle{ width:120px; height:36px; line-height: 36px; background: rgba(0,0,0,0.2); text-align: center; color:#fff;margin-left:82px;margin-top:7px; font-size: 16px;}
.al-list ul li .videolist .playline{ position: absolute; top:0; width: 100%; height:100%; display: none;}
.al-list ul li .videolist .playline .hovername{ border-bottom: 1px solid #fff; width:260px; height: 58px; line-height: 58px; text-align: center;  font-size: 24px; color:#fff; margin-top:100px; margin-left:60px; position: relative;}
.al-list ul li .videolist .playline .hovername em{ display: block; width:48px; height:3px; background: #2571b0; position: absolute; bottom: -2px; left:40.8%;}
.al-list ul li .videolist .playline .hoveren{ font-size: 16px; color:#fff; text-align: center; margin-top: 14px;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:0;margin-left:0px; margin-top:0px;padding-top: 50%; z-index:100; width:100%; height:100%;}
.vclose { position:absolute;right:1%; top:20%; border-radius:100%; cursor: pointer; }
#video{width: 100%!important;}

.caseshow{ margin-top:16px;}
.caseshow .case-title{ clear:both; text-align:center; height:60px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:100%;}
.caselist .case-lista{ float:left; margin-right:0px;margin-bottom:30px; padding-left:0px; width: 50%;}
.caselist .case-lista img{ width:100%; height:100%;}
.caselist .case-lista p{ height:33px; line-height:33px; font-size:13px; color:#000; text-align:center;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}
.wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; margin-right:2px; width: 135px;}
.wisdom .wisdomlist .wisdomlista img{width: 135px; height: 120px;}
.wisdom .wisdomlist .wisdomlista a p{ height:20px; background:rgba(0,0,0,0.5); line-height:20px; position:absolute; bottom:0; font-size:14px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}
  }

 @media (max-width: 360px) {
    .wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; margin-right:2px; width: 118px;}
.wisdom .wisdomlist .wisdomlista img{width: 120px; height: 110px;}
.wisdom .wisdomlist .wisdomlista a p{ height:20px; background:rgba(0,0,0,0.5); line-height:20px; position:absolute; bottom:0; font-size:14px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}
    .multi-list{ width:360px; margin:0px auto;}
    .multi-list .multi-lista{ float:left;position:relative; margin-bottom:2px; margin-right: 1px; width: 33%;}
    .multi-list .multi-lista:nth-child(3n){ margin-right: 1px;}
    .multi-list .multi-lista img{ width:119px; height:72px;}
    .multi-list .multi-lista .mask{ position:absolute; background:#000; width:96px; height:34px; top:15px; left:11px; opacity:0.5;}
    .multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
    .multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}
    .multi-list .multi-lista p{ font-size:12px;color:#fff; line-height:20px; height:20px; text-align:center; font-weight:bold;position: absolute;top:20px; width: 119px; z-index: 2;}
    .multi-list .multi-lista span{ color:#fff; display:block; width:106px; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px;z-index: 2; font-size: 10px; display: none;}
  }
  @media screen and (min-width: 376px) and (max-width: 411px) {
    .multi-list{ width:411px; margin:0px auto;}
    .multi-list .multi-lista{ float:left;position:relative; margin-bottom:2px; margin-right: 1px; width: 33%;}
    .multi-list .multi-lista:nth-child(3n){ margin-right: 1px;}
    .multi-list .multi-lista img{ width:136px; height:83px;}
    .multi-list .multi-lista .mask{ position:absolute; background:#000; width:116px; height:34px; top:25px; left:11px; opacity:0.5;}
    .multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
    .multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}
    .multi-list .multi-lista p{ font-size:12px;color:#fff; line-height:20px; height:20px; text-align:center; font-weight:bold;position: absolute;top:30px; width: 136px; z-index: 2;}
    .multi-list .multi-lista span{ color:#fff; display:block; width:106px; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px;z-index: 2; font-size: 10px; display: none;}
  }
@media (max-width: 320px) {
  .sub-menus{position: absolute; width:300px ; top:20px;left:80px; display: block;}
.sub-menus li{ line-height: 34px;  float:left; margin-right: 10px;}
.sub-menus li a{ color: #000; font-size: 12px; }
.sub-menus li a span{ margin-right: 5px;}
  .innovation-list{ width:320px;margin:0 auto; background: url(../images/fourk@2x.jpg) no-repeat; height: 240px;}
  .innovation-list .innovation-lista{position:relative;border-right: 0px; width: 320px; height: 60px; border-bottom: 1px solid #fff;}
  .innovation-list .innovation-lista:last-child{ border-bottom: none;}
  .innovation-list .innovation-lista .mask{ width:100%; height:60px;  background:#000; top:0px; left:0px; opacity:0.3;display:none;}
  .innovation-list .innovation-lista:hover .mask{ display:block; cursor:pointer;}
  .innovation-list .innovation-lista .innovation-lista-title{ display:block; position:absolute; top:16px; color:#767676; font-size:18px; width:320px; text-align:left; letter-spacing:2px; }
  .innovation-list .innovation-lista:hover .innovation-lista-title{ color:#fff;}
  .innovation-list .innovation-lista .innovation-lista-icon{ background:url(../images/icon1@2x.png) center right no-repeat;height:20px; position:absolute; top:20px; display:block; text-align:right; width:320px; }
  .innovation-list .innovation-lista:hover .innovation-lista-icon{ background:url(../images/icon11@2x.png) center right no-repeat;}

  .multi{ margin-top:32px;}
  .multi .multi-title{ clear:both; text-align:center; height:80px;}
  .multi .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}
  .multi .bigtitle{ display:inline-block; width:195px;}
  .multi .bigtitle span{ display:block; width:195px;}
  .multi .bigtitle span.bigfont{ font-size:20px;color:#575757;text-align:center; }
  .multi .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
  .multi .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:30px; line-height:40px; position:relative; top:-20px;}

  .multi-list{ width:320px; margin:0px auto;}
.multi-list .multi-lista{ float:left;position:relative; margin-bottom:2px; margin-right: 0px; width: 33%;}
.multi-list .multi-lista:nth-child(3n){ margin-right: 1px;}
.multi-list .multi-lista img{ width:106px; height:64px;}
.multi-list .multi-lista .mask{ position:absolute; background:#000; width:86px; height:34px; top:15px; left:10px; opacity:0.5;}
.multi-list .multi-lista .mask p{ font-size:22px;color:#fff; line-height:40px; height:40px; text-align:center; margin-top:15px;}
.multi-list .multi-lista .mask span{ color:#fff; display:block; width:100%; text-align:center; line-height:24px;}
.multi-list .multi-lista p{ font-size:12px;color:#fff; line-height:20px; height:20px; text-align:center; font-weight:bold;position: absolute;top:20px; width: 106px; z-index: 2;}
.multi-list .multi-lista span{ color:#fff; display:block; width:106px; text-align:center; line-height:24px;font-weight:bold; text-transform: uppercase;position: absolute;top:130px;z-index: 2; font-size: 10px; display: none;}
  
  .main-pos{ width: 320px; margin: 0 auto; text-align: left; color: #999999; font-size: 12px;}
.com-pro-r-con{ background:#f5f5f5; border-top: 2px solid #0062b1; height: 340px ; box-shadow: 3px 2px 3px 2px #f3f3f3; padding: 25px; line-height:24px; font-size: 13px; color: #666;}
.company-other ul li.one{ width: 100%; height: 182px;}
.company-other ul li.two{width: 100%; height: 183px;}

.company-other ul li.three{width: 100%;height: 182px; background: #fff;}

.company-other ul li.four{width: 100%;height: 183px; background: #fff;}

.ppcon{ width: 100%; position: absolute; bottom: 0; left: 0; right: 0; top: 100px; height: 68px; color: #666666; font-size: 12px; line-height: 20px;}

.shuzishow{ width: 100%; margin: 40px auto 80px auto; height: 87px;}
.sz-list{ float: left; width: 50%; border-right: 1px solid #ccc; height: 47px; line-height: 47px;}
.sz-list:last-child{ border-right: none;}
.number{ float: left; width: 36%; margin-left: 10%; font-size: 14px; color: #333;}
.number em{ font-size: 20px; color: #0062b1; padding-right: 4px; font-style: normal;}
.num-text{ font-size: 12px; color: #666666;}
.cw-way-list{ float:left;font-size:13px; color:#333; width:234px;font-weight: bold;margin-left: 0px;}
.cw-way-lista{ float:left;  font-size:13px; color:#333; width:234px; font-weight: bold;margin-left: 0px;}
.cw-way-listb{ float:left;  font-size:13px; color:#333; width:320px; padding-right:20px;font-weight: bold;margin-left: 0px;}
.cw-way-listc{ float:left; font-size:13px; color:#333; width:344px;font-weight: bold; margin-left: 0px;}

.list-con-list li{width: 320px; height: 303px; position: relative; overflow: hidden;margin-bottom: 15px; float: left; }
.list-con-list li:hover{ box-shadow: 0px 0px 10px #ccc;}
.list-con-list li:nth-child(3n){ margin-right: 0px;}
.list-con-list li .lcl-pic{ width: 320px; height: 229px;}
.list-con-list li .lcl-text{ height: 74px; background: #f5f5f5; position: absolute; left: 0; bottom: 0px;} 
.list-con-list li .lcl-text .lcl-text-top{ height: 74px; display: flex;}
.list-con-list li .lcl-text .lcl-text-top h2{ font-size: 14px; color: #333; width: 210px; line-height: 74px;padding-left: 32px;}
.list-con-list li .lcl-text .lcl-text-top h4{ width: 110px; font-size: 12px; color: #7d7d7d; line-height: 74px; padding-left: 6px;}
.list-con-list li .lcl-text .lcl-text-desc{ line-height: 26px; padding: 0 32px; color: #7d7d7d;}

.contact-text{ width: 100%; margin: 0 auto; font-size: 12px; text-align: center; color: #494949; line-height: 24px; font-weight: bold; padding: 15px 0;}

.messageform li.first{ margin-left: 10px;}
.messageform li.firsts{ margin-left: 10px;}
.messageform li.second{ width: 282px;margin-left: 10px;}
.textarea{ border: none; width: 100%; height:80px; display: block; float: left;}

footer{ border-top:1px solid #6a6c7b; height:60px;}
footer div{ width:100%; text-align:center; margin:0 auto; font-size:12px; color:#333; padding-top:14px;}

#gallery{ width: 100%; height:260px;}
#gallery_nav{ width:100%;height: 163px;}
#gallery_nav img{ height: 163px; width:100%;}
#gallery_output{ width:100%; height: 110px;margin: 20px auto;}
#gallery_output img{ width:100px; height:55px;}
#gallery_output a{ display:block; height:59px; width:100px; margin-right: 5px; float: left;}

.dongtai-lista .dongtai-lista-list ul{ width:305px; padding-left:15px;}
.dongtai-lista .dongtai-lista-list ul li{ border-bottom:1px dashed #6a6a6a; height:60px; line-height:60px; overflow:hidden;}
.dongtai-lista .dongtai-lista-list ul li span{ display:block; float:left; width:64px;}
.dongtai-lista .dongtai-lista-list ul li span em{ display:block; font-style:normal;}
.dongtai-lista .dongtai-lista-list ul li span em.date{ height:30px; line-height:30px; font-size:18px;}
.dongtai-lista .dongtai-lista-list ul li span em.year{ height:30px; line-height:30px; font-size:12px;}
.dongtai-lista .dongtai-lista-list ul li a{ font-size:14px; color:#000;}
.dongtai-lista .dongtai-lista-list ul li a:hover{ color:#F00; text-decoration:underline;}
.dongtai-lista .dongtai-lista-img{ float:left; padding-left:15px; width:305px; padding-top:10px; margin-bottom:10px;}

.al-list ul li{width:100%;}
.al-list ul li .videolist{ position: relative; width:100%;}
.al-list ul li .videolist .playico{ position: absolute; bottom:-20%; left:15%;}
.al-list ul li .videolist .playico .icons{background: url(../images/play.png) no-repeat;width:59px;height:59px; margin-top:68px;margin-left:80px;}
.al-list ul li .videolist .playico .icontitle{ width:120px; height:36px; line-height: 36px; background: rgba(0,0,0,0.2); text-align: center; color:#fff;margin-left:52px;margin-top:7px; font-size: 16px;}
.al-list ul li .videolist .playline{ position: absolute; top:0; width: 100%; height:100%; display: none;}
.al-list ul li .videolist .playline .hovername{ border-bottom: 1px solid #fff; width:260px; height: 58px; line-height: 58px; text-align: center;  font-size: 24px; color:#fff; margin-top:100px; margin-left:60px; position: relative;}
.al-list ul li .videolist .playline .hovername em{ display: block; width:48px; height:3px; background: #2571b0; position: absolute; bottom: -2px; left:40.8%;}
.al-list ul li .videolist .playline .hoveren{ font-size: 16px; color:#fff; text-align: center; margin-top: 14px;}
.videos{ display:none; border: 1px solid #080808; position:fixed; left:0; top:0;padding-top: 50%; z-index:100; width:100%; height:100%;}
.vclose { position:absolute;right:1%; top:20%; border-radius:100%; cursor: pointer; }
#video{width: 100%!important;}

.caseshow{ margin-top:16px;}
.caseshow .case-title{ clear:both; text-align:center; height:60px;}
.caseshow .leftline{ display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}
.caseshow .bigtitle{ display:inline-block; width:160px;}
.caseshow .bigtitle span{ display:block; width:160px;}
.caseshow .bigtitle span.bigfont{ font-size:24px;color:#575757;text-align:center; }
.caseshow .bigtitle span.englishtitle{ font-size:12px;color:#8d8d8d;}
.caseshow .rightline{display:inline-block; border-bottom:1px solid #a0a0a0; width:60px; line-height:40px; position:relative; top:-20px;}

.caselist{ width:100%;}
.caselist .case-lista{ float:left; margin-right:0px;margin-bottom:30px; padding-left:0px;}
.caselist .case-lista img{ width:100%; height:100%;}
.caselist .case-lista p{ height:33px; line-height:33px; font-size:12px; color:#000; text-align:center;}
.caselist .case-lista a:hover p { color:#f00;}
.caseshow a.morecase{ display:block; margin:0 auto; width:175px; height:45px; border:1px solid #000; line-height:45px; text-align:center; font-size:16px; color:#000;}
.wisdom .wisdomlist{ width:100%; margin:0 auto;}
.wisdom .wisdomlist .wisdomlista{ float:left; position:relative; margin-right:2px; width: 104px;}
.wisdom .wisdomlist .wisdomlista img{width: 104px; height: 94px;}
.wisdom .wisdomlist .wisdomlista a p{ height:20px; background:rgba(0,0,0,0.5); line-height:20px; position:absolute; bottom:0; font-size:14px; width:100%; text-align:center; display:none; color:#fff;}
.wisdom .wisdomlist .wisdomlista:hover a p{ display:block;}
}